链接到不同页面上的锚点并滚动到使用 JQuery 锚点答案

【问题标题】：link to anchor on different page and scroolTo anchor using JQuery链接到不同页面上的锚点并滚动到使用 JQuery 锚点
【发布时间】：2014-09-27 06:20:40
【问题描述】：

如何链接到另一个页面上的锚点，但当新页面加载时也滚动到锚点？

当我的锚链接在同一页面上时，下面是 JQuery，我需要对其进行调整，以便在点击链接时也能显示动画

html:

<li><a href="page2.php#about-us">My Link</a></l1>

我的 JQuery：

$('.faq_section li a').click(function(e) {
    e.preventDefault();
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top - 20
    }, 600);        
});

Page2.php：

  <div id="about-us"></div>

【问题讨论】：

您可以通过 url 传递下一页元素 id 并在 document.ready 上阅读并滚动到那里
我的 JS 知识非常有限。你能提供一个例子，我很乐意接受。谢谢你的信息。我要做一点研究。

标签： javascript jquery html anchor

【解决方案1】：

你可以用下面的方法来做

通过点击你可以在 URL 中发送一些条件并在 jquery 中检查例如。 xyz.com?p=滚动然后在 jquery on document.ready 函数中使用 indexOf 检查是否存在“p=scroll”。如果是，则运行您的动画代码（注意。上面的 jquery 代码需要在输出页面中）

或者试试这个http://webdeveloperswall.com/javascript/scrolling-to-different-areas-on-same-page

【讨论】：