javascript - 阻止 Div 滚出 View

Question

我想知道是否可以阻止 div 滚动到 View 之外？ http://jsfiddle.net/8uLuN/3/

如果您单击第一个链接“关于我们”，div 将展开并显示内容。但是，当您单击第二个链接“我们如何工作”时，标题栏会滚出 View 并显示内容的下半部分？它似乎是在您声明时专门发生的:

ac-container input:checked ~ article.ac-small {
height: 1000px;
}
.ac-container input:checked ~ article.ac-medium {
height: 1000px;
}
.ac-container input:checked ~ article.ac-large {
height: 1000px;
}

相比之下，当内容只有几行或div大约100-200像素左右时，不会出现问题。

有没有一种方法可以克服这个问题，让“我们如何工作”标题栏进入视野并可见(以及下面的内容)，而无需尝试完全不同的方法？

干杯电压

Answer 1

这是一个 jQuery 答案，但真正了解它的人可以将其放入 javascript。 :/

$("div").click(function(){
    $('html, body').animate({
            scrollTop: $(this).offset().top
        },500);
});