问题是,它会自动滚动到页面末尾。默认情况下,唯一应向下滚动的内容是容器-第3节。

https://codepen.io/jimjamjom/full/NdwoZZ/

<script>
  $(document).ready(function(){
  var target = $("#section3");
    $('panel').animate({ scrollTop: target.offset().top - 100 }, 700);
  window.location.hash = "#" + "section3";
});
  </script>


我也尝试过:

$('.container').scrollTop($('.content').find('.active').position().top );

最佳答案

问题是您要将浏览器地址哈希更改为#section3。

window.location.hash = "#" + "section3";


默认情况下,浏览器会将页面的scrollTop值更改为此id的最大值。

JSFiddle demo,不更改哈希值。

10-07 18:26