问题描述
在使用element-ui+umy-ui表格时候,设置了固定列,鼠标滑轮滚动会导致固定列与普通列错位(在谷歌浏览器会出现这个问题,360是正常的),就像迟钝一样,鼠标在固定列滚动时,固定列先动,普通列迟钝一会跟上,反之亦然,如下图
在停止滚动后,界面恢复正常,又变回对齐的状态:
监听滚动,得到的表格偏移量也是一致(element中固定列的实现方式是再加一个表格)
解决办法
在设置滚动的样式类中加background-blend-mode样式,我试了一下,不设置成Nomal基本都可以
不会找相应类的,可以把选择样式的指向滚动条,基本都可以找到这个容器。
原因:出现问题的原因我其实没有去研究,可能是两个表格滚动时,背景不叠加导致的动态视觉错位。如果有朋友知道是什么问题导致的,评论区可以告诉我哟,谢谢啦。
background-blend-mode:就是背景的混合模式,可以将两张图片叠加在一起,我看别人很多用于动态制作。
值 | 描述 |
---|---|
normal | 默认。把混合模式设置为普通。 |
multiply | 把混合模式设置为 multiply(乘)。 |
screen | 把混合模式设置为 screen(屏幕)。 |
overlay | 把混合模式设置为 overlay(覆盖)。 |
darken | 默认。把混合模式设置为普通。 |
lighten | 把混合模式设置为 lighten(变亮)。 |
color-dodge | 把混合模式设置为 color-dodge(颜色减淡)。 |
saturation | 把混合模式设置为 saturation(饱和度)。 |
color | 把混合模式设置为 color(颜色)。 |
luminosity | 把混合模式设置为 luminosity(亮度)。 |