我如何链接到另一个页面上的锚点,但是当新页面加载时也滚动到该锚点?
当我的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
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句