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

时间:2014-09-27 06:20:41

标签: javascript jquery html anchor

如何链接到另一个页面上的锚点,但是当新页面加载时还会滚动到锚点?

下面是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>

1 个答案:

答案 0 :(得分:0)

您可以使用以下方法

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

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