JavaScript .toggle – 垂直滚动条上升？

2023年2月19日 213次阅读

我有这个功能：

$(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();
  });
});
点赞