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

Question

我有这个功能：

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

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

如何避免这种跳转，并使我的列表保持在点击之前的位置？

这里是 link - JSFiddle

提前致谢。

Answer 1

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

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

JavaScript .toggle - vertical scrollbar goes up?