2016-08-20 7 views
6

反応成分にインラインスタイルを使用しています。それらは以下のように定義することができます。反応成分に-webkit-overflow-scrollのインラインスタイルを設定する方法

const style= { 
    position: 'absolute', 
    left: 0, 
    right: 0, 
    bottom: '7.5%', 
    top: '5.2rem', 
    overflowY: 'auto', 
    }, 

「オーバーフロー-Y」CSSのインラインスタイルにoverflowYとして設定されなければならないようにこれは、CSSと異なるいくつかのgrammaを有しています。今、私はこのスタイルをウェブ・キット・オーバーフロー・スクロールをインライン・スタイルとして反応を設定する方法を探していますか?私は以下の設定を試しましたが、どれも動作しません。

WebkitOverflowScrolling: 'touch', 
'-webkit-overflow-scrolling': 'touch', 
+0

何webkitOverflowScrolling' 'については? (小文字* w *) – ivarni

+0

「マルチワード」プロパティ(たとえば 'font-size'など)はcamelCaseで(' fontSize'のように)書き込まれます。 –

+0

あなたが反応で多くのスタイリングをやろうとするならば、反応のスタイルを設定するのではなく、通常のスタイルシートファイルに言います。 JSのスタイリングはまだありません。再利用されたスタイルをデバッグするのは難しいでしょうし、CSSの文法を簡単にコピー&ペーストすることはできません。メディアクエリはブラウザのCSSエンジンの代わりにJSで処理されます。参加したプロジェクトでこれを使用しなければなりませんでした。全体的に悪い開発者体験でした。 –

答えて

2

私はこの正常に使用しました:

overflowScrolling: "touch", 
WebkitOverflowScrolling: "touch",