我正在尝试使用 jquery 向下滚动到 #lower div,但由于某种原因它不起作用。我做错了什么?
$(function() {
$('html, body').animate({
scrollTop: $("#lower").offset().top;
}, 0); //end of animate
}); //end of $(function()
#upper {
border: 1px solid red;
width: 100%;
height: 100%;
}
#lower {
border: 1px solid blue;
width: 100%;
height: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id='upper'>Upper</div>
<div id='lower'>Lower</div>
最佳答案
尝试删除 ;
: Uncaught SyntaxError: Unexpected token ;
后面的 $("#lower").offset().top
;将 top
属性添加到 #lower
大于 window.innerHeight
以提供 #upper
和 之间的视口(viewport)距离#lower
元素
$(function() {
$('html, body').animate({
scrollTop: $("#lower").offset().top
}, 0); //end of animate
}); //end of $(function()
#upper {
border: 1px solid red;
width: 100%;
height: 100%;
}
#lower {
top:300px;
position:relative;
border: 1px solid blue;
width: 100%;
height: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<div id='upper'>Upper</div>
<div id='lower'>Lower</div>
关于javascript - 使用jquery向下滚动到#lower div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34553115/