我有一个固定在顶部x,y轴上的元素.有什么方法可以将它改为仅固定到x轴吗？例如. – 所以我可以将固定元素向左和向右滚动.

当前代码：

<div style="position:fixed;top:0;width:2000px;">
The fixed header element
</div>
<div style="overflow:auto;width:2000px;">
the scrollable content element
</div>

最佳答案 这是一个了不起的问题,CSS3对你没有答案.没有办法将元素固定在一个轴上而不是另一个轴上.

理想的解决方案imo是提供CSS3属性,比如position：fixed-x和position：fixed-y.但是没有这样的事情.

我知道有这个非常有用的行为的唯一方法是编写JavaScript函数来处理setInterval()事件;在每个事件中轮询当前的X或Y滚动位置;并且,如果要修复的轴上的滚动位置已更改,则更改固定元素的滚动位置以进行补偿,即将其移回其所属的位置.

我实际上使用这种方法并且它有效,但这很痛苦.我的代码每十分之一秒轮询一次X和Y滚动位置,这通常不会看起来太古怪.

您可以在工作中看到解决方案in this long table.缩小窗口以显示水平滚动条,向左和向右滚动表格.柱头随工作台移动,但您可以垂直滚动工作台主体,并保持柱头保持不动.