jQuery onClick GoTo ID 或类答案

【问题标题】：jQuery onClick GoTo ID or ClassjQuery onClick GoTo ID 或类
【发布时间】：2011-08-23 09:21:54
【问题描述】：

由于某些奇怪的原因，当我单击 A 标签转到 ID 时，我的 Header 变得一团糟。那么有没有办法使用jQuery来做到这一点，比如Click()，Goto ID？

<a href="#allreviewstop">Read Reviews (1)</a>
<div style="height:1500px;"> Really Long Stuff</div>
<div id="allreviewstop"> My Reviews go down here</div>

这是我正在处理的页面Click Here

【问题讨论】：

该页面上的锚点以及指向它们的链接在哪里？
在“阅读评论”的产品标题下。然后转到右下角的评论。

标签： jquery class click goto

【解决方案1】：

$("div").click(function() {
    window.location.hash = "#"+$(this).attr("id");
}

这就是你所追求的吗？

[edit] 我不记得你是否需要#。如果不起作用，请尝试不使用。

【讨论】：

不过你可能更喜欢这个：beski.wordpress.com/2009/04/21/…

【解决方案2】：

试试 jquery ScrollTo 插件 -

还要检查demo

$(function(){
    $("#goTop").click(function(){
      $.scrollTo($("#nav"), { duration: 0});
    });
});

【讨论】：

【解决方案3】：

这个插件对你有帮助吗：jQuery ScrollTo？

【讨论】：

这是一个已过期的链接答案

【解决方案4】：

根据我的经验，window.location.hash 解决方案只能运行一次。如果你不想使用这个插件，你可以试试这个：

var navigationFn = {
    goToSection: function(id) {
        $('html, body').animate({
            scrollTop: $(id).offset().top
        }, 0);
    }
}

然后像这样调用它（someID 是您希望滚动到的元素的 ID）：

navigationFn.goToSection('#someID');

有了这个，你还可以改变动画速度（我把它设为 0），以便它是即时的，但你可以将值传递给函数，这样代码就可以重用了。

【讨论】：