我有像 Facebook 一样的通知下拉菜单。单击链接时,会显示此下拉菜单,该下拉菜单定位为绝对。问题是,当打开下拉菜单时,页面滚动到顶部。不幸的是我无法粘贴代码,因为它太大了。你能猜出可能是什么问题吗?
好的,这就是我所拥有的。 http://jsfiddle.net/testtracker/uuQf3/1/
首先向下滚动,然后单击黑色链接,您会看到,它先向上滚动,然后显示下拉通知。
最佳答案
如上所述,带有 # href 属性的 anchor 标记会将您带到页面顶部,解决方案是
捕获 onclick 事件并执行此操作
$('a').click(function(e){
e.preventDefault();
//OR
return false;
});
这将限制其默认行为。
或者你可以像这样直接将其写在 anchor 元素中
<a href="#" onclick="return false;">link</a>
关于javascript - 打开绝对定位下拉菜单时,页面滚动到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12143207/