如何链接到另一个页面上的锚点,但是当新页面加载时还会滚动到锚点?
下面是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>
答案 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