最近新版本组件更新现场更的头都大了,全是坑。有些组件改动大,jsp写的不规范的全是问题。遇到了一个有点意思的问题,暂时还没找到原因。
问题大概是这样,在表格thead中,th有左右边框,然后59/60的chrome浏览器可以重现,70的不行,表格滚动条拖动的时候,边框没有跟着表格走,jsp初步判定是因为表格前面的按钮上加了一个进度动画,transform且infinite,不用transform或者不用infinite都可以规避问题。
周末加班总结了一下问题所在,因为页面上是表格组件,是多个表格拼起来的一个表格,简化了一下之后,写了一个最简的可以重现问题的demo
css部分
html部分
js设置一个定时器,改变table的margin-left值
会出现这样的情况:
解决方法有以下几种:
- 做动画的span标签加上z-index属性
- 给表格table元素加position:relative属性
- 给表格加transform: scale(1) / translateX(0) 等
做了功课没有找到具体的原因,但是有个类似的链接可以参考一哈~
链接: https://div.io/topic/1348
评论 (0 )
最新评论
暂无评论
赶紧努力消灭 0 回复