最近想做一个表格,需要固定表头和显示前两列,因为表格的列数比较多,table宽度有7000多px。
然后我得做法是固定的两列定位。在表格滚动条滚动的时候计算固定两列的left定位值,一直给他设置数值,测试谷歌浏览器和搜狗没问题了,但是火狐浏览器在滚动条滚动设置left值的时候,最后显示是没问题,但是过程中那两列会左右闪动。。。。因为这个时候滚动条滚动正在计算值。
想请问下这种性能优化谁能帮忙提供下思路吗。。。。
最近想做一个表格,需要固定表头和显示前两列,因为表格的列数比较多,table宽度有7000多px。
然后我得做法是固定的两列定位。在表格滚动条滚动的时候计算固定两列的left定位值,一直给他设置数值,测试谷歌浏览器和搜狗没问题了,但是火狐浏览器在滚动条滚动设置left值的时候,最后显示是没问题,但是过程中那两列会左右闪动。。。。因为这个时候滚动条滚动正在计算值。
想请问下这种性能优化谁能帮忙提供下思路吗。。。。
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
需要固定显示的就不要加到可以滚动的元素里去了,你的解决方案看起来有点像很久以前的浮动广告……一滚动就会闪啊闪的重新计算位置的那种……建议直接把要固定的列和可以滚动的其它列分成两个table,然后水平并排放置,左边的是被你固定的列,不用做其它修改,右边的是可以滚动的列,设置个
overflow-x: scroll
和max-width: 75%
什么的。你可以编辑你的问题,而不用在底下回答的。
找到了一个方法,不知道行不行:https://zhidao.baidu.com/ques...。用css的
expression
,你原本是用js计算的吗?