JavaScript .toggle - 垂直滚动条上升

JavaScript .toggle - vertical scrollbar goes up?

本文关键字：滚动条 垂直 toggle JavaScript      更新时间：2023-09-26

我有这个功能：

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

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

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

这是链接 - JSFiddle

提前谢谢。

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

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