2017-03-30 1 views
0

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; 
} 
+0

당신이 스크롤 이벤트를 감시하여 ** 컨테이너에 이벤트 리스너 **를 추가 할 수 해결할 수 있습니다. 자세한 내용은 [이 스레드] (http://stackoverflow.com/questions/8944824/ios-safari-onscroll-event-within-nested-element?rq=1)를 참조하십시오. –

답변

2

내가 당신에게 도움 줘야 희망이 하나를 시도하십시오.

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

감사

+0

작동하지 않는 것 같습니다 : ( – ABC

+0

좋아요, 그럼 제발 당신이 찾고있는 것과 같을 겁니다. http://jsfiddle.net/Rohanatfiddle/P8dne/468/ – Rohan

관련 문제