单击锚点时的 HTML 滚动位置答案

【问题标题】：HTML Scroll position when anchor clicked单击锚点时的 HTML 滚动位置
【发布时间】：2009-05-02 04:07:09
【问题描述】：

我有一个 MVC 应用程序并使用 JQuery。

我有这样设置的锚

<a href="#" id="addcomment">Add Comment</a>

然后当点击锚点时我会这样做

$('#addcomment').click(function() {
    $('#divComments').slideDown(2000);
});

问题是当锚点被点击时浏览器滚动到窗口顶部立即点击链接并然后 div 滚动

我该如何阻止这种情况发生？？

马尔科姆

【问题讨论】：

标签： jquery html

【解决方案1】：

使用命名锚有什么问题？

不需要 javascript 的开销。

【讨论】：

【解决方案2】：

您必须在单击功能底部添加return false; 以防止发生默认链接事件操作。在这种情况下，默认链接事件将转到页面顶部，因为 # 的 href 告诉浏览器转到顶部。所以它看起来像这样：

$('#addcomment').click(function() {
    $('#divComments').slideDown(2000);
    return false;
});

虽然这也是可以接受的：

$('#addcomment').click(function(e) {
    $('#divComments').slideDown(2000);
    e.preventDefault();
});

【讨论】：