javascript - 评估主播的屏幕位置？

Question

抱歉，我是 javascript 新手，我被这个问题难住了。

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

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

我还使用 javascript 使“返回顶部”按钮在有人单击任何这些链接时出现，并在他们单击“返回顶部”按钮本身时消失。

...但我突然想到，有时人们只会使用滚动条而不是按钮。

有没有办法让“返回顶部”按钮在用户使用滚动条向下滚动时出现，并在他们滚动回到顶部时消失？

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

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

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

score 0 · Accepted Answer

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

前：

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

backtotop这将在滚动距离为 0 时隐藏 ID 为 ID 的元素。

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

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

score 0 · Accepted Answer

你可以得到滚动位置

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

2 回答 2