如何在反應組件上設置-webkit溢出滾動內聯樣式

我正在使用內聯樣式反應組件。它們可以定義如下。如何在反應組件上設置-webkit溢出滾動內聯樣式

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

它有一些與css不同的語法，像css中的'overflow-y'應該被設置爲內聯樣式的overflowY。現在我徘徊如何設置這種風格-webkit溢出滾動作爲內聯風格的反應？我嘗試過以下設置，但沒有一個能夠正常工作。

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

2016-08-20 Zhao Yi

什麼'webkitOverflowScrolling'？（注意小寫* w *） – ivarni

「多字」屬性（例如'font-size'等）被寫入camelCase中（如在'fontSize'中）。 –

作爲一個建議，如果你打算做很多反應的樣式，我會說定期樣式表文件，而不是在反應中設置樣式。 JS中的樣式還沒有，您將很難調試重用的樣式，您不能輕鬆複製 - 粘貼css語法，媒體查詢在JS中處理，而不是在瀏覽器的css引擎中處理，等等。我不得不在一個我加入的項目中使用它，這是一個糟糕的開發者體驗。 –

我用這個成功：

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

2017-01-27 13:04:32 Epeli

回答