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

Question

如何在加载页面时禁用锚点“跳转”？我认为这可能是不可能的，我会尽力解释。我有一个包含选项卡（jquery powered）的页面，由以下内容控制：我正在使用此代码，由前一个问题中的其他用户提供。<script type="text/javascript">     $(function() {      $('html, body').animate({scrollTop:0}); // this is my "fix"         var tabContent = $(".tab_content");         var tabs = $("#menu li");         var hash = window.location.hash;      tabContent.not(hash).hide();         if(hash=="") {       $('#tab1').fadeIn();      }         tabs.find('[href=' + hash + ']').parent().addClass('active');         tabs.click(function() {             $(this).addClass('active').siblings().removeClass('active');             tabContent.hide();             var activeTab = $(this).find("a").attr("href");             $(activeTab).fadeIn();            return false;         });     });</script>当我直接访问“标签页”时，此代码非常有用。但是，我需要链接到其他页面的invidual标签 - 所以要做到这一点，代码获取window.location.hash然后显示适当的选项卡。由于“返回false”，页面不会“跳转”到锚点。但是，此事件仅在单击事件时触发。因此，如果我从任何其他页面访问我的“标签”，则会触发“跳转”效果。为了解决这个问题，我自动滚动到页面顶部，但我宁愿这不会发生。是否有任何方法可以在页面加载时模拟“返回false”，从而防止锚点“跳转”。希望这很清楚。谢谢

Answer 1

你的修复不起作用吗？我不确定我是否正确理解了这个问题 - 你有一个演示页吗？你可以尝试：

if (location.hash) {
  setTimeout(function() {
    window.scrollTo(0, 0);
  }, 1);}

编辑：经过测试，适用于Windows上的Firefox，IE和Chrome。
编辑2：移动setTimeout()内部if块，道具@vsync。

Answer 2

诀窍是只删除主题标签ASAP并存储其值供您自己使用：

重要的是你不要把这部分代码放在$（）或$（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 itwindow.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).on('load', function() {
    if (target) {
        $('html, body').animate({
            scrollTop: $("#" + target).offset().top
        }, 700, 'swing', function () {});
    }});

Answer 3

还有其他方法可以跟踪您所使用的标签; 也许设置一个cookie，或隐藏字段中的值等等。

我会说，如果你不希望页面在加载时跳转，你最好使用其中一个选项而不是哈希，因为使用哈希优先于它们的主要原因是准确地允许你我想要阻止。

另一点 - 如果您的哈希链接与文档中的标记名称不匹配，页面将不会跳转，因此，如果您想继续使用哈希，您可以操纵内容以便标记的名称不同。如果您使用一致的前缀，您仍然可以使用Javascript在之间跳转。

希望有所帮助。