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

Question

我有这个功能：

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

用户点击链接时会显示一些文字。问题是我有12个链接，一个在另一个之下，并且出现垂直滚动条。但是，当我向下滚动并单击第12个链接时（例如），我的滚动条跳到页面顶部，我必须向下滚动直到结束才能看到出现的文本。

如何避免此跳转，并将列表保持在点击之前的位置？

以下是链接 - JSFiddle

提前致谢。

Answer 1

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

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