超链接到新页面“和”滚动答案

【问题标题】：Hyperlink to new page "and" scroll超链接到新页面“和”滚动
【发布时间】：2014-04-13 15:45:04
【问题描述】：

假设我有两页。当我单击第 1 页的按钮时，我希望访问者转到第 2 页并滚动到#example 部分。这些是静态页面，我没有足够的知识来使用 ajax 顺便说一句。有没有 jQuery 插件或类似的东西？

【问题讨论】：

顺便说一句，你有没有尝试过？
动画滚动或跳跃？
@Jai，我真的不知道。我在这里查找并搜索了一些内容，但一无所获。
@putvande，动画会很棒，但也可以跳
我认为你真的不需要任何插件来做到这一点。只需使用 jQuery 自己的 scrollTop() 方法，一小段代码就会为您完成。或者，使用 jQuery.ScrollTo 插件。希望对您有所帮助。

【解决方案1】：

试试这个..

第 1 页

<a href="PageTwoAddress\#pagetwoScrollLocation">Something in page 2</a>

第 2 页

<a id="pagetwoScrollLocation">Something</a>

第一页中的链接将打开第二页并滚动到第二页

【讨论】：

PageTwo.html\#pagetwoScrollLocation 导致 PageTwo.html\#pagetwoScrollLocation （这给了我错误）但 href="PageTwo.html#section" 可以很好地跳转。谢谢，真不好意思，没想到会这么简单。

【解决方案2】：

我希望你的静态页面中的所有设置都在你的帖子中：

$(function(){
    var toScroll = window.location.hash;
    $('html, body').animate({scrollTop : 0},100, function(){
        $('html, body').animate({scrollTop : $(toScroll).scrollTop()}, 700);
    });
});

【讨论】：