javascript - 使用 jQuery UI hide ("slide") 时如何防止页面向下滚动？

Question

这是我的代码:

$('#pagelinks > a').click(function () { 
$('html,body').animate({ scrollTop: 0 }, 200);
setTimeout(function() {$('#my_div').hide("slide",{direction:"right"},500);},250);
return false;
});

我的问题是这样的:当我单击链接时，它会正确地在顶部向上滚动，但随后自动向下滚动(似乎在我单击的位置周围)并通过滑动隐藏 my_div 的内容并停留在那里。我不希望它向下滚动到我单击的位置，而是留在顶部。我尝试了我所知道的一切，但没有任何效果。

请注意，如果我只放置 hide() 而不是 hide("slide",{direction:"right"},500) ，则不会向下滚动。另外，向下滚动会出现在 Firefox 和 Opera 中，但不会出现在 Chromium 中。

感谢您的帮助，

诺希安

Answer 1

我可以想到两个选择:

1) 如果您不按照预期方式使用 anchor 部分，请勿使用带有 anchor 的 a-links。

2) 通过将事件传递给单击函数并使用 PreventDefault 来阻止默认事件发生。

示例:.click(function(e){ e.preventDefault(); });