Question

我正在编写一个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;
}

Answer 1

请尝试这个，我希望它对你有所帮助。

.parent {
  width: 100%;
  overflow-x: auto; 
}

由于

桌面上的水平滚动不适用于iOS Safari

1 个答案: