Question

抱歉，我是javascript的新手，我很难解决这个问题。

我的页面顶部有一个固定位置的div。

在链接中，当您单击时，页面会滚动到锚点。（我为此使用了jquery。）

每当有人点击这些链接时，我也会使用javascript来显示“返回顶部”按钮，当他们点击“返回顶部”按钮时，它会消失。

...但我发现有时人们只会使用滚动条而不是按钮。

当用户使用滚动条向下滚动时，是否有一种方法可以显示“返回顶部”按钮，当它们滚动回顶部时会消失？

换句话说，是否有一个属性可用于评估当前页面顶部的锚点？（如果是这样，我可以从中找出解决方案......）

...或者也许有一些方法可以知道用户何时滚动到顶部以便我可以使用javascript来摆脱“返回顶部”按钮？

任何帮助表示赞赏！谢谢！

Answer 1

您可以使用jQuery中的scrollTop()函数来确定滚动距离。

F.ex：

$(window).scroll(function() {
    $('#backtotop').toggle( $(this).scrollTop() );
});

当滚动距离为0时，这将隐藏带有backtotop的元素作为ID。

如果你喜欢非jQuery解决方案，我很确定你可以使用window.scrollY属性：

window.onscroll = function() {
    if (!window.scrollY) {
        // hide it
    } else {
        // show it
    }
};

Answer 2

您可以使用

获取滚动位置

var scrollTop = $(window).scrollTop();