如何在加载页面时禁用锚点跳转

Question

当我访问my_site.com/page.php#something时，滚动位置是携带此特定hashtag而非页面顶部的元素之一。

执行window.scrollTo(0, 0);不会改变这个事实。那么可以做什么？

编辑：也尝试从How to disable anchor "jump" when loading a page?接受答案。似乎没有工作了。

Answer 1

有了这个HTML代码：

<a href="#test">link</a> 
<div id="test"></div> 

你能避免滚动div元素，而是通过使用此代码滚动至窗口的顶部：

$("a").on("click", function(e) { 
    e.preventDefault(); 
    window.scrollTo(0, 0); 
}); 

编辑：

您可以尝试添加以下内容：

var firstVisit = true; 
$(window).scroll(function() { 
    if (firstVisit) { 
     window.scrollTo(0, 0); 
     firstVisit = false; 
    } 
}); 

Answer 2

你需要做的是存储hashtag供以后使用，然后删除它，以便浏览器没有任何内容可以滚动到。

重要的是，不要将代码的那部分放在$（）或$（window）.load（）函数中，因为它会迟到，并且浏览器已经移动到标记中。

// store the hash (DON'T put this code inside the $() function, it has to be executed 
// right away before the browser can start scrolling! 
var target = window.location.hash, 
    target = target.replace('#', ''); 

// delete hash so the page won't scroll to it 
window.location.hash = ""; 

// now whenever you are ready do whatever you want 
// (in this case I use jQuery to scroll to the tag after the page has loaded) 
$(window).load(function() { 
    if (target) { 
     $('html, body').animate({ 
      scrollTop: $("#" + target).offset().top 
     }, 700, 'swing', function() {}); 
    } 
});