我有一个很长的网页,所以我考虑介绍目录。现在我想 - 而不是只是跳到网页的新地方 - 顺利滚动。我看到了很多关于如何从导航栏导航到特定位置的教程,但我想从网页上的常规超链接进行操作。
到目前为止我的html中有:
<h4>contents</h4>
<ul>
<li><a href="#part1">part1</a></li>
<li><a href="#part2">part2</a></li>
<li><a href="#part3">part3</a></li>
<li><a href="#part4">part4</a></li>
<li><a href="#part5">part5</a></li>
</ul>
<div class="row" id="part1">
<h4>lorem ipsum</h4>
<p>lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
</div>
<div class="row" id="part2">
<h4>lorem ipsum</h4>
<p>lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
</div>
<div class="row" id="part3">
<h4>lorem ipsum</h4>
<p>lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
</div>
<div class="row" id="part4">
<h4>lorem ipsum</h4>
<p>lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
</div>
是否有实现平滑滚动的本机引导方式?或者是否有任何我可以为自己调整的js脚本?
答案 0 :(得分:0)
在jQuery中有一个名为 animate 的函数。
$('html, body').animate({
scrollTop: $("#myId").offset().top
}, 2000);
您可以根据自己的喜好更改持续时间。
答案 1 :(得分:0)
还有一个问题可能会帮助你准确得到你想要的东西,但window.scrollTo()似乎就是你想要的! Here's the question