Javascript 停止从视图中滚动Div

我想知道是否有可能阻止一个div从视图中滚动出去？

如果您点击第一个链接“关于我们”，div将展开并显示内容。然而，当你点击第二个链接“我们如何工作”时，标题栏会从视图中滚出来，并显示内容的下半部分？当您声明：

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像素时，问题不会发生

有没有一种方法可以克服这个问题，使“我们如何工作”标题栏进入视图并可见（包含以下内容），而无需尝试完全不同的方法

干杯

---

Volterony

这是一个jQuery答案，但它可以由真正了解它的人放入javascript中：/

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

使用JQuery

$("div").click(function(){
        $("body").scrollTop($(this).offset().top);
});

尽管你可能想给你的菜单div一个类，并以此命名

假设您给了他们一类“menuDiv”

否则，如果您不想使用Jquery

为您的div添加一个onclick，并将其添加到函数中

scrollTo(window.pageXOffset,this.offsetTop);

---

这只是JS文件中的任何地方吗？如果要使用此解决方案，必须包含JQuery。@Volterony它在这里

$（document）.ready（function（）{//code here}）确保包含jQuery！这似乎起到了作用，迈克。我包括了JQuery，并使用了您的第一个示例。非常感谢你的帮助。
scrollTo(window.pageXOffset,this.offsetTop);