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

Question

我很难找到一段JavaScript代码来在用户滚动（比如说超过1000个像素）时动态显示Back to Top按钮。所有示例都使用jQuery，而我不能使用jQuery。任何帮助将不胜感激。

Answer 1

在pageOffset是某个点（在window.onscroll事件中）时设置CSS ：

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";
    }
};

演示