html - 具有选择性滚动的 div 分层

Question

我有 3 个 DIV(按此顺序放置在页面上):

<div id="one">
    <button id="newButton"></button>
</div>
<div id="two">
    <table id="tableHeader"></table>
</div>
<div id="three">
    <table id="tableBody"></table>
</div>

DIV“一”和 DIV“二”我不希望它们可以垂直滚动。我希望在垂直滚动时两者都保持显示。

DIV "One"我希望它水平卡住，这样当您从左向右滚动时它会保持在屏幕中央。

DIV "Two"即表头。我希望它随表格主体水平滚动。

DIV“三”，这是我想要垂直和水平滚动的表体。

对于 DIV 2 和 3，我已经弄清楚如何使用 JScript 对齐标题和正文列，所以这不是问题，只是 DIV 1 和 2 的滚动和卡住问题。

谢谢

Answer 1

您必须为每个 div 设置自定义 jquery 事件以检查其他 div 的状态: https://api.jquery.com/scroll/