html – 将元素修复到顶部

概述我有一个固定在顶部x,y轴上的元素.有什么方法可以将它改为仅固定到x轴吗？例如. – 所以我可以将固定元素向左和向右滚动. 当前代码： <div style="position:fixed;top:0;width:2000px;">The fixed header element</div><div style="overflow:auto;width:2000px;">the scrol 我有一个固定在顶部x,y轴上的元素.有什么方法可以将它改为仅固定到x轴吗？例如. – 所以我可以将固定元素向左和向右滚动.

当前代码：

<div >The fixed header element</div><div >the scrollable content element</div>

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

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

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

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

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

总结

以上是内存溢出为你收集整理的html – 将元素修复到顶部全部内容，希望文章能够帮你解决html – 将元素修复到顶部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。