滚动div内容然后继续正文

Question

我有一个div容器，它占据屏幕的80％，左右两个固定的侧边栏，每个占用10％。我的div非常大，所以我使用溢出：隐藏在其上隐藏内容。当用户向下滚动时，它会忽略div并只滚动正文。

现在，如果我将div设置为溢出：滚动，用户首先滚动div，但然后停止，并且不滚动正文。

最后，我注意到，如果我将鼠标悬停在oveflow上：滚动div，它会滚动，但如果我将鼠标放在固定的侧边栏上，那么身体会滚动。

所有这些行为都不是我需要的。我想要我的div：首先从上到下隐藏滚动，当它接近结束时，只有身体开始滚动。

所以，我尝试检测，一旦我的div容器到达顶部，然后我做：

$（＃myDiv“）。focus（），但是，如果鼠标位于固定的侧边栏上，则会滚动正文。

有没有解决方案，让这项工作？特别是溢出：隐藏，似乎根本不可能滚动？

codepen.io/OrvaldMaxwell/pen/Yraryb这是一个例子。我需要先命名为“scrollMeAutoPLS”的div，然后继续使用正文

Answer 1

简单：

$('#yourDiv').animate({ scrollTop:$('#yourDiv')[0].scrollHeight },800,function() {
    $('html,body').animate({ scrollTop:$(document).height() },800);
});

800是以毫秒为单位的持续时间。