具有选择性滚动的 div 分层答案

【问题标题】：div layering with selective scrolling具有选择性滚动的 div 分层
【发布时间】：2018-02-04 11:51:15
【问题描述】：

我有 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 "One" 和 DIV "Two" 我不希望它们垂直滚动。我希望两者在垂直滚动时都保持显示。

DIV "One" 我希望它被水平冻结，所以当你从左到右滚动时它会保持在屏幕的中心。

DIV "Two" 是表头。我希望它与表体水平滚动。

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

对于 DIV 2 和 3，我已经弄清楚如何使用 JScript 对齐标题列和正文列，因此这不是问题，它只是 DIV 1 和 2 的滚动和冻结问题。

谢谢

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：

纯CSS不会出现这种情况吗？
也许.. 您的要求似乎很复杂，所以只使用 css 会很棘手。