在为DIV设置溢出时，内容跳转到顶部

Question

如何在更改overflow的值

后将内容修改为用户滚动的位置

例如，如果向下滚动到SWITCH然后单击它，它会跳到顶部（向你好1）

小提琴：http://jsfiddle.net/z25YE/

JavaScript的：

$('.t').click(function(){
    $('.container').toggleClass('state2');
});

Answer 1

班级state2将高度设置为200px，javascript代码表示要切换容器的班级 在200px之间减少它的默认高度，结果滚动条出现，默认情况下它会移到容器的顶部，这很自然。 为了防止这种行为，试试这个：

$(".t").click(function() {
   $('html, body').animate({
    scrollTop: $(".t").offset().top
   }, 200);
});

Answer 2

内容跳转至顶部，因为您尚未指定容器的高度。尝试将容器的高度设置为1200像素（取决于浏览器屏幕的高度）。这将解决问题。