2017-03-30 9 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

私は、それは参考になりましWILを願って、このいずれかを試してみてください。

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

おかげ

+0

動作していないようです:( – ABC

+0

さて、これを見て、あなたが探しているのと同じことを望みます。 http://jsfiddle.net/Rohanatfiddle/P8dne/468/ – Rohan

関連する問題