javascript - 单击 href=#SomeDivName 时页面向下滚动

Question

我正在使用 Twitter 的 Bootstrap 顶栏。

当我点击某些导航href时

href=#SomeDivName

就像当您按下此页面中的导航时:

http://twitter.github.com/bootstrap/examples/fluid.html#contact

页面向下滚动一点。

我希望点击后会出现相关部分，但我不希望页面向下滚动。

Answer 1

$('a[href="#SomeDiveName"]').on('click', false);

当您点击 href 属性设置为 #SomeDiveName 的 anchor 标记时，此操作将返回 false。这将阻止元素的默认行为，在本例中是滚动到 href 属性引用的元素。

如果您有一组这些链接，那么我建议添加一个类来标识它们，以便您可以一次选择它们:

$('.stop-this-link').on('click', false);

这将阻止具有 stop-this-link 类的所有元素在单击元素时的默认行为。按类别选择也比按属性选择快得多。按属性搜索时，必须检查 DOM 中的每个元素。

请注意，在 jQuery 事件处理程序中返回 false 与调用:event.preventDefault() 和 event.stopPropagation() 相同.

有关这些功能的更多信息，请参见此处:

• event.preventDefault():http://api.jquery.com/event.preventdefault
• event.stopPropagation():http://api.jquery.com/event.stoppropagation