Chrome中溢出y的DIV会自动向下滚动到绝对底部

Question

要向用户显示大量记录，我们使用以下方法：

• 我们有一个带溢出的DIV：滚动。在这个DIV里面我们有3个 DIV：
• 第一个和最后一个只是间隔符，因此滚动条就在 正确的位置
• 中间DIV显示内容。它的内容是 根据位置从服务器通过AJAX动态加载。

看起来像这样：

<div id="elmain" style="height:400px; width:500px; overflow-y: scroll; overflow-x:hidden;">
    <div id="eltop" style="height:1500px"></div>
    <div id="elview" style="height:500px;">content</div>
    <div id="elbot" style="height:1500px"></div>
</div>

在onScroll事件处理程序中，我们调整了eltop和elbot DIV的大小，因此用户实际上可以看到elview。你可以在这里试试：https://jsfiddle.net/hq0r63z8/

不幸的是，它已停止使用最新版本的Chrome。它仍然适用于其他浏览器。向上滚动也适用于Chrome，但在向下滚动时，浏览器会滚动到绝对底部。

你有什么想法，如何解决这个问题？