繁体   English   中英

链接到不同页面上的锚点和scroolTo使用JQuery锚点

[英]link to anchor on different page and scroolTo anchor using JQuery

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

当我的Anchro链接位于同一页面上时,下面是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>

您可以使用以下方法

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM