这种情况不知怎么回事

Andy

淘宝网页的这个地方，鼠标移到那个箭头就开始闪，不是百分的原因，换其它浏览器也是如此，关掉所有扩展也是如此，不知道这是怎么个情况。特来求助。

S8F8ry

🤪 可能是由于数字精度问题导致的。网页中有使用 JS 根据那个下拉箭头的外部容器宽度与其左侧容器宽度值来决定箭头的显示状态，判断的阈值为 20px，但在不同浏览器缩放值下，计算出的宽度值是有一点点的精度误差，会差个零点零零几，导致可能会出现 JS 里这两种显示下的计算判定结果都是要执行状态转换，页面上就变成不停地添加/删除下拉箭头元素。我试了下我这边的分辨率在将浏览器缩放至 110% 以后就能看到那个下拉箭头闪烁了。

Andy

S8F8ry 发表于 2025-5-27 23:53
🤪 可能是由于数字精度问题导致的。网页中有使用 JS 根据那个下拉箭头的外部容器宽度与其左侧容器宽度值来 ...

感谢大佬答疑解惑，有什么方法可以让它缩放也不会闪吗？

S8F8ry

Andy 发表于 2025-5-28 13:40
感谢大佬答疑解惑，有什么方法可以让它缩放也不会闪吗？

你可以试试用 Stylus 等样式插件如下给下拉箭头的容器一个小一些的宽度值看看：

1. .esVfqSHIbS--arrowIconWrap--dcaede2e {
   
2.   width: 19px;
   
3. }

复制代码

Andy

S8F8ry 发表于 2025-5-28 19:28
你可以试试用 Stylus 等样式插件如下给下拉箭头的容器一个小一些的宽度值看看：
...

用这个方法，问题解决了，再也不闪了，感谢大佬！