如何区分滚动到视图中的元素与自动滚动到视图中的元素

Question

我目前正在使用以下JavaScript函数来检测元素是否滚动到视图中：

function isScrolledIntoView(elem) {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();
    var elemTop = $(elem).offset().top;
    return ((elemTop <= docViewBottom) && (elemTop >= docViewTop));
}

现在，我需要区分这个元素是否在页面加载时自动滚动（例如通过＃anchor-tag）或手动滚动到视图中。

这样做的好方法是什么？

Answer 1

单击锚点时，URL哈希值会更改。您可以使用window.onhashchange来检测：

window.onhashchange = function() {
    console.log(window.location.hash);
}