javascript - 如何在 React 组件上设置 -webkit-overflow-scrolling 内联样式

Question

我正在为 React 组件使用内联样式。它们可以定义如下。

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

它与css有一些语法上的不同，比如css中的'overflow-y'应该在内联样式中设置为overflowY。现在我想知道如何将这种样式 -webkit-overflow-scrolling 设置为 react 中的内联样式？我已尝试以下设置，但均无效。

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

Answer 1

我已经成功地使用了这个:

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