防止/停止自动锚链接的发生

Question

使用 link.html#idX 和 <div id="idX"/> 时，我需要防止浏览器中的自动滚动到行为。

我试图解决的问题是我试图通过检测 url 中的锚点来在页面加载时执行自定义滚动到功能，但到目前为止还无法阻止自动滚动功能（特别是在 Firefox 中） .

有任何想法吗？ 我在 $(window).load() 处理程序上尝试了 preventDefault() ，这似乎不起作用。

让我重申一下，这是针对在滚动页面中未点击的链接； 它适用于在页面加载时滚动的链接。 考虑单击链接中带有#anchor 的另一个网站的链接。 是什么阻止了自动滚动到 id？

每个人都明白我不是在寻找解决方法； 我需要知道是否（以及如何）可以防止在页面加载时自动滚动到#anchors。

---

笔记

这并不是问题的真正答案，只是一个简单的比赛条件风格的 kluge。

使用 jQuery 的 scrollTo 插件滚动回页面顶部，然后使用自定义的东西重新激活滚动。 如果浏览器/计算机足够快，则页面上没有“flash”。

只是建议这个我觉得很脏...

$(document).ready(function(){

    // fix the url#id scrollto "effect" (that can't be
    // aborted apparently in FF), by scrolling back
    // to the top of the page.
    $.scrollTo('body',0);

    otherAnimateStuffHappensNow();

});

归功于 wombleton的指出。 谢谢！

Answer 1

这似乎是我可以看到的唯一选项：

$(document).ready(function() {
  $.scrollTo('0px');
});

它不会自动滚动到类。

因此，如果您使用独特的类来标识您的 div，您在查找元素时会失去一点速度，但会获得您所追求的行为。

（顺便说一句，感谢您指出滚动到 ID 功能。从不知道它存在。）

编辑：

Answer 2

1. 首先滚动到顶部（快速，无效果），然后调用您的滚动 function。 （我知道它不那么漂亮）
2. 或者只使用前缀

Answer 3

我知道这是一个旧线程，但我发现了一些不需要滚动的东西。 在任何其他脚本之前先运行它。 它在页面上的第一个元素之前放置一个锚点，以防止滚动，因为它位于页面顶部。

function getAnchor(sUrl)
{
  if( typeof sUrl == 'string' )
  {
   var i = sUrl.indexOf( '#' );
   if( i >= 0 )
    { return sUrl.substr( i+1 ).replace(/ /g, ''); }
  }
  return '';
};

var s = getAnchor(window.location.href);
if( s.length > 0 )
 { $('<a name="'+s+'"/>').insertBefore($('body').first()); }

干杯! 欧文·汉杰斯

Answer 4

这对我来说效果很好：

1-把这个放在你的 css 文件上

a[name] { position: absolute; top: 0px }

2-在你开始动画之前把它放在你的document.ready绑定上（如果你正在制作动画）

$("a[name]").css("position","relative");

可能需要根据您的样式表/代码进行调整，但您明白了。

归功于：http://cssbeauty.com/skillshare/discussion/1882/disable-anchor-jump/