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>

Answer 1

您不需要JavaScript，您可以使用旧的CSS媒体资源：position: fixed;

在css文件中使用以下内容

.btn {position: fixed;}

这适用于具有名为btn

的类的所有元素

Answer 2

添加position: fixed样式属性：

<a href="" class="btn btn-primary HELPLINE NUMBER " id="NUMBER" style="position: fixed;">HELPLINE NUMBER</a>

或通过JavaScript设置样式属性：

document.getElementById ('NUMBER').style.position = 'fixed';

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

2 个答案: