无法使用fullpage.js，scrollOverflow：true在可移动部分下方使用overflow：auto元素在移动设备上进行交互

Question

我正在使用带有scrollOverflow的fullpage.js：true。在需要滚动的部分中，由于部分超过100vh，我有一个专为用户在x轴上滚动某些内容而设计的表。

虽然即使在移动分辨率下滚动此表也适用于桌面，但在移动设备上滚动此表根本不起作用。该表不响应任何触摸交互。

这似乎与包装可滚动整页部分的.fp-scrollable div有关。如果我将pointer-events：none添加到.fp-scrollable，我可以在触摸设备上与表进行交互，但是该部分不再可滚动。有趣的是，注意到.fp-scrollable div中的文本无法在移动设备或桌面上突出显示。这似乎是一个线索，但我不确定它的含义。

Answer 1

您应该使用fullPage.js选项normalScrollElements。查看the docs了解详情。

  

normalScrollElements：（默认null）如果要在滚动某些元素时避免自动滚动，则需要使用此选项。 （对于地图，滚动div等有用）它需要一个带有jQuery选择器的字符串用于这些元素。 （例如：normalScrollElements: '#element1, .element2'）。此选项不应该应用于任何部分/幻灯片元素本身。