admin 管理员组

文章数量: 1184232

场景： 使用了antd的Table组件，发现在Safari浏览器下滑动条无法左右滑动。

一开始上网查了一下，以为是iOS Safari浏览器上overflow: scroll元素无法滑动bug 同一个问题，原因大概是：父元素设定了overflow：auto或scroll，且子元素宽高不固定，导致Safari将父元素识别为单独的ScrollView，不触发内部滑动。（参考：https://blog.csdn/qq_30114149/article/details/80844346）

首先尝试加上 -webkit-overflow-scrolling: touch；但是没有生效，看了一下，大概是Safari浏览器不支持这个样式；
然后尝试了给表格每行加上min-width，还是不行。

最后看了一下项目封装的table组件，发现原来overflow: auto是同事自己加上去的。。
取消该样式，改为设置scroll={{x:true}}属性，问题解决。

本文标签： 兼容性 元素 浏览器 Safari PC

版权声明：本文标题：【兼容性】PC端Safari浏览器overflow元素无法滑动问题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1766355165a3452008.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。