javascript - 使用javascript滚动窗口后如何修复顶部的按钮？

Question

我希望在滚动窗口时修复我的按钮，请指导我，我该怎么做？这是我的按钮：

<a href="" class="btn btn-primary HELPLINE NUMBER " id="NUMBER">HELPLINE NUMBER</a>

这是我的脚本

<script>

window.onscroll= function(){ myfunc(); }

var location_v=document.getElementById("NUMBER");
var pixtop=location_v.offsetTop;

function myfunc()
{
    if(window.pageYOffset > pixtop )
    {
        //alert("working");
        location_v.classList.add('stick');
    }
    else
    {
        location_v.classList.remove('stick');
    }

};


</script>

标签： javascript

Answer 1

您不需要 JavaScript，您可以使用旧CSS属性：position: fixed;

在您的 css 文件中使用以下内容

.btn {position: fixed;}

这适用于所有具有名为的类的元素btn