jquery - 如何使用 jquery 禁用自动滚动到顶部？

Question

我在网页中放置了一些链接，并使用 jQuery 设置了 click 事件处理程序。因此，当单击任何这些链接时，将使用 .slideDown() 方法显示菜单，但我遇到的问题是单击链接后窗口会自动滚动到顶部。

我还没有使用 scrollTo(0,0) 窗口仍然在滚动。这种自动滚动到顶部的情况是不需要的，也不应该发生。

我已经尝试了以下方法，但仍然无法按预期工作。

document.body.scroll(false);
document.body.scrollTop(0);

我附上了两张图片。当点击 Softwares-2 链接并且窗口滚动到顶部时，image1 是普通网页，image2 是相同的网页(如图所示)通过右侧的滚动条)。

Note: numbers specified in the images are just to show that the window is getting scrolled.

Answer 1

您的页面实际上正在重新加载而不是滚动

您必须通过执行以下操作来防止点击事件中的默认链接点击行为(即:对 href 属性值定义的资源发出请求并加载响应):

$("a").click(function(evt) {
    evt.preventDefault();
    // display your menu
    // and do what's required
});

通常人们还会建议从处理程序中返回 false;，但这不是必需的。您仍然可以在单击事件处理函数的右大括号之前执行此操作。