只是想知道如何启用使用完整的url平滑滚动。jQuery的光滑滚动完整的网址,包括编号
这是导航
<nav class="primary-nav">
<ul>
<li><a href="http://domainname.com/">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="http://domainname.com/contact">Contact</a></li>
</ul>
</nav>
想用
<nav class="primary-nav">
<ul>
<li><a href="http://domainname.com/">Home</a></li>
<li><a href="http://domainname.com/#about">About</a></li>
<li><a href="http://domainname.com/#services">Services</a></li>
<li><a href="http://domainname.com/contact">Contact</a></li>
</ul>
</nav>
,这是用于滚动到页面上的部分jQuery代码。
function smoothScroll(duration) {
$('a[href^="#"]').on('click', function (event) {
var target = $($(this).attr('href'));
if (target.length) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, duration);
}
});
}
任何帮助将非常感谢。
你是问,如果你可以点击从所在的页面#不存在,并且走到哪里它确实存在的页面#,然后滚动至#? – Tom
如果域名在那里,它将重新加载页面/转到新页面。如果您想要进入新页面然后滚动,您需要查找页面加载事件并在URL中查找“#”。 –
类似于: - [https://stackoverflow.com/questions/7717527/smooth-scrolling-when-clicking-an-anchor-link](https://stackoverflow.com/questions/7717527/smooth-scrolling-当点击一个锚点链接) –