Css 位置和刻度

同时使用位置：粘滞和变换：缩放时出现问题

如果将鼠标悬停在左侧的图标上，您会注意到内容会上下跳跃一个像素：

.卷轴间谍{ 位置：粘性； /*位置：固定*/ 顶部：10px； } .滚动间谍a{ 颜色：var深； } .滚动间谍a:悬停{ 文字装饰：无； } .滚动一段距离{ 位置：相对位置； } .滚动搜索范围：之后{ 内容：； 位置：绝对位置； 宽度：100%； 高度：1px； 底部：-2px； 左：0； 背景色：var深； 可见性：隐藏； 变换：scale0； 过渡：.25s线性； } .滚动间谍a：悬停范围：之后{ 能见度：可见； 变换：尺度8； } .滚动spy>div{ 边缘底部：20px； } .卷轴间谍一{ 字体大小：20px； 颜色：e21414； 过渡：颜色。2容易； } .scroll spy.active i{ 颜色：48c417； } 工作类型 试验

试验

试验

试验

试验

试验

客户详细信息 试验

试验

试验

试验

试验

试验

工作信息 试验

试验

试验

试验

试验

试验

---

当我将鼠标悬停在链接上时，内容对我来说不会改变，所以我很难解决这个问题。因此，我已将缩放过渡改为使用宽度过渡。如果您仍然看到内容的1px变化，请告诉我

.卷轴间谍{ 位置：粘性； /*位置：固定*/ 顶部：10px； } .滚动间谍a{ 颜色：var深； } .滚动间谍a:悬停{ 文字装饰：无； } .滚动一段距离{ 位置：相对位置； } .滚动搜索范围：之后{ 内容：； 位置：绝对位置； 宽度：0%； 高度：1px； 底部：-2px； 左：50%； 背景色：var深； 可见性：隐藏； 过渡：.25s线性； 转化：translateX-50%； } .滚动间谍a：悬停范围：之后{ 能见度：可见； 宽度：80%； } .滚动spy>div{ 边缘底部：20px； } .卷轴间谍一{ 字体大小：20px； 颜色：e21414； 过渡：颜色。2容易； } .scroll spy.active i{ 颜色：48c417； } 工作类型 试验

试验

试验

试验

试验

试验

客户详细信息 试验

试验

试验

试验

试验

试验

工作信息 试验

试验

试验

试验

试验

试验

---

我没有看到这个问题，无论是在Chrome还是Firefox中：嘘，也许这与Chrome版本有关。我的版本是63.0.3239.132，与我的版本相同，这对于长青浏览器来说并不奇怪。刚刚在Windows10上检查过，相同的Chrome版本，也没有发现问题。代码片段是否为您显示了问题？可能是您的完整代码版本中的其他内容，代码片段也显示了该问题，否则不会发布该问题：@Facundo Corradini附加了一个显示该问题的gif