我正在编写一个 React 应用程序,但我无法在仅适用于 iOS Safari 的表格上获得水平滚动条。它似乎适用于其他一切。
我的 JS 文件
<div className={styles.parent}>
<div className={styles.wrapper}>
<table className={styles.table}>...</table>
</div>
<div>
我的 CSS
.parent {
width: 100%;
overflow-x: hidden;
}
.wrapper {
position: relative;
}
.table {
background: transparent;
border-spacing: 12px 0;
min-width: 1em;
display: block;
overflow-x: auto;
max-width: none;
-webkit-overflow-scrolling: touch !important;
}
最佳答案
请试试这个,希望对你有帮助。
.parent {
width: 100%;
overflow-x: auto;
}
谢谢
关于javascript - 表格上的水平滚动在 iOS Safari 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43106545/