React 앱을 쓰고 있으며 iOS Safari에서만 작동하는 테이블에서 가로 스크롤을 사용할 수 없습니다. 그것은 다른 모든 일을하는 것처럼 보입니다.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;
}
당신이 스크롤 이벤트를 감시하여 ** 컨테이너에 이벤트 리스너 **를 추가 할 수 해결할 수 있습니다. 자세한 내용은 [이 스레드] (http://stackoverflow.com/questions/8944824/ios-safari-onscroll-event-within-nested-element?rq=1)를 참조하십시오. –