问题是,它会自动滚动到页面末尾。默认情况下,唯一应向下滚动的内容是容器-第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,不更改哈希值。