Javascript 使用JS滚动到div
我有一个问题，我的导航条不会滚动到指定的div。我看过其他例子，但我似乎无法解决这个问题Javascript 使用JS滚动到div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个问题，我的导航条不会滚动到指定的div。我看过其他例子，但我似乎无法解决这个问题 <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> </head> <li><a id="link1" href="#top-page">Intro</a></li>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
</head>
<li><a id="link1" href="#top-page">Intro</a></li>
<li><a id="link2" href="#about">About</a></li>
<li><a id="link3" href="#contact">Contact</a></li>
<script>
$("#link1").click(function() {
$('html, body').animate({
scrollTop: $("#top-page").offset().top
}, 2000);
});
$("#link2").click(function() {
$('html, body').animate({
scrollTop: $("#about").offset().top
}, 2000);
});
$("#link3").click(function() {
$('html, body').animate({
scrollTop: $("#contact").offset().top
}, 2000);
});
</script>
$（“#link1”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#首页”）.offset（）.top
}, 2000);
});
$（“#link2”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#关于”）.offset（）.top
}, 2000);
});
$（“#link3”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#联系人”）.offset（）.top
}, 2000);
});
提前感谢这是smoothscroll的脚本，我想这正是您想要的：
$(function(){
$(".scroll").click(function(){
$("html,body").animate({scrollTop:$("#target").offset().top},"500");return false})
});
});
替换。使用您自己或使用的类滚动。滚动。您使用的任何类都必须应用于将要单击的锚点#目标设置目的地。使用您自己的id或使用#target#目标必须应用于目标。数字是动画完成所用的时间（毫秒）；将其更改为您想要的任何内容。您的演示中没有加载jQuery。另外，如果调用
event.preventDefault（）