javascript - 使用 javascript 动态显示/隐藏返回顶部按钮

Question

我很难找到一段 Javascript 代码来在用户滚动(比方说，超过 1000 像素)时动态显示“返回顶部”按钮。所有的例子都使用jQuery，而我不能使用jQuery。任何帮助将不胜感激。

Answer 1

当 pageOffset 为某个点时设置 CSS(在 window.onscroll 事件中):

window.onscroll = function()
{
    if(pageOffset >= 1000)
    {
        document.getElementById('backToTopID').style.visibility="visible"
    }
};

更完整的东西是:

window.onscroll = function()
{
    if(pageOffset >= 1000)
    {
        document.getElementById('backToTopID').style.visibility="visible"
    }else
    {
        document.getElementById('backToTop').style.visibility="hidden";
    }
};

<强> DEMO