使用jquery向下滚动到#lower div

Question

我试图使用jquery向下滚动到#lower div，但由于某种原因它不起作用。我做错了什么？

＆＃13;

＆＃13;

$(function() {

  $('html, body').animate({
    scrollTop: $("#lower").offset().top;
  }, 0); //end of animate 

}); //end of $(function()

＆＃13;

#upper {
  border: 1px solid red;
  width: 100%;
  height: 100%;
}
#lower {
  border: 1px solid blue;
  width: 100%;
  height: 100%;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

尝试在;后删除Uncaught SyntaxError: Unexpected token ;：$("#lower").offset().top;将top属性添加到大于#lower的{​​{1}}，以提供window.innerHeight，#upper元素之间的视口距离

#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%;
}