JavaScript .toggle-垂直滚动条上升了吗?

佩基27

我有这个功能:

$(document).ready(function() {
  $("#toggle-area").click(function() {
    $("#show-area").toggle(300);
  });
});

当用户单击链接时,它将显示一些文本。问题是我有12个链接,一个链接位于另一个链接下方,并且出现垂直滚动条。但是,当我向下滚动并单击第12个链接时(例如),滚动条跳到页面顶部,并且我必须向下滚动直到结尾才能看到出现的文本。

如何避免这种跳转,并保持列表在点击前的位置?

这是链接-JSFiddle

提前致谢。

金宝片

您可以使用preventDefault跳过默认的超链接行为。
假设#toggle-area是超链接元素。

$(document).ready(function() {
$("#toggle-area").click(function(e) {
    $("#show-area").toggle(300);
    e.preventDefault();
  });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JQuery / Javascript检测垂直滚动条是否存在

来自分类Dev

Javascript滚动条,移至底部

来自分类Dev

Javascript中的classList.toggle

来自分类Dev

控制JavaScript的方向.show()/ .toggle()?

来自分类Dev

滚动条内部固定100%div,不含Javascript

来自分类Dev

JavaScript:获取窗口宽度减去滚动条宽度

来自分类Dev

如何使用JavaScript使此滚动条正常工作

来自分类Dev

JavaScript:获取窗口宽度减去滚动条宽度

来自分类Dev

Javascript将滚动条设置为容器的底部

来自分类Dev

如何在JavaScript中控制滚动条?

来自分类Dev

Javascript文件与PHP文件中的滚动条混淆

来自分类Dev

删除垂直滚动条

来自分类Dev

Google Chrome垂直滚动条神秘地出现和消失了吗?

来自分类Dev

limit javascript toggle according to select box value

来自分类Dev

QScrollArea:垂直滚动条引起的水平滚动条

来自分类Dev

垂直滚动条不滚动

来自分类Dev

Bootstrap:如何禁用垂直滚动条?

来自分类Dev

CSS-垂直滚动条删除

来自分类Dev

段落产生垂直滚动条

来自分类Dev

如何强制显示垂直滚动条?

来自分类Dev

QTreeWidget垂直滚动条跳得太远

来自分类Dev

Jekyll Rouge中的垂直滚动条

来自分类Dev

Bootstrap:如何禁用垂直滚动条?

来自分类Dev

ItemsControl缺少垂直滚动条

来自分类Dev

CSS-垂直滚动条删除

来自分类Dev

无法获得活动的垂直滚动条

来自分类Dev

图例框的垂直滚动条

来自分类Dev

UWP垂直滚动条未显示

来自分类Dev

向表格垂直添加滚动条