javascript - 打开绝对定位下拉菜单时,页面滚动到顶部

标签 javascript html css

我有像 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/

相关文章:

jquery - Bootstrap 4 下拉菜单不下降

css - jQueryMobile ListView 文本换行

javascript - 使用 HTML 表格和 CSS3 显示元素状态

javascript - IIFE 中的变量作用域

javascript - 使用 AngularJS 进行文件哈希处理

javascript - jQuery 在外部单击时隐藏多个相似 id 的 div

javascript - 正则表达式 : Extract number that's wrapped in

html - 当 body 始终居中时,如何让单个固定图像适合屏幕

javascript - this 在 jQuery 中被转换为对象

javascript - 在窗口调整大小时引导更改按钮文本大小