如何设置Div可水平滚动但垂直固定在另一个Div内

Question

ABI有一个div容器div，在里面我有另外两个div，它们比容器div长，所以水平滚动应用于容器。此外，当底部div超过容器的高度时，容器div应具有y轴的滚动条。但是当滚动此滚动时，只应滚动底部div，而顶部div固定在容器顶部。这类似于固定标头表功能。我可以使用Jquery而不是Jquery插件。

<div id="containerWith-Axpx-Aypx">
            <div id="topDivWith-BxpxWidth-20pxHeight">

            </div>
            <div id="bottomDivWith-BxpxWidth-BypxHeight">

            </div>
        </div>

Axpx＆lt;＆lt; Bxpx

Bypx＆gt;＆gt; Aypx

任何建议将不胜感激。

Answer 1

你的问题似乎不够清楚，但你可以使用overflow-x:auto;和你想要水平滚动的div：

#bottomDivWith-BxpxWidth-BypxHeight{
    overflow-x:auto;
}