Javascript Can';t使用fullpage.js在手机上与overflow进行交互:可滚动部分下的auto元素,scrollOverflow:true

Javascript Can';t使用fullpage.js在手机上与overflow进行交互:可滚动部分下的auto元素,scrollOverflow:true,javascript,jquery,css,fullpage.js,iscroll,Javascript,Jquery,Css,Fullpage.js,Iscroll,我正在使用带有scrollOverflow:true的fullpage.js。在需要滚动的部分中,由于该部分超过100vh,我有一个表,用于用户在x轴上滚动某些内容 虽然即使在移动分辨率下,在桌面上滚动此表也可以工作,但在移动设备上滚动此表根本不起作用。桌子不响应任何触摸交互 这似乎与包装可滚动完整页面部分的.fp scrollable div有关。如果我将指针事件:none添加到.fp scrollable,我可以在触摸设备上与表格交互,但是该部分不再可滚动。还值得注意的是,.fp可滚动di

我正在使用带有scrollOverflow:true的fullpage.js。在需要滚动的部分中,由于该部分超过100vh,我有一个表,用于用户在x轴上滚动某些内容

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


这似乎与包装可滚动完整页面部分的.fp scrollable div有关。如果我将指针事件:none添加到.fp scrollable,我可以在触摸设备上与表格交互,但是该部分不再可滚动。还值得注意的是,.fp可滚动div中的文本不能在移动设备或桌面上突出显示。这似乎是一个线索,但我不确定它的真正含义。

您应该使用fullPage.js选项
normalScrollElements
。查看更多信息

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


谢谢@Alvaro,这似乎与scrollOverflow不起作用:然而,这是真的。我引用了这支笔来设置:,但它没有使用scrollOverflow选项。在我使用scrollOverflow的网站上,添加此选项以及调整normalScrollElementTouchThreshold都是无效的。我再次认为这与.fp scrollable div有关,该div覆盖了需要与完整页面部分分开滚动的元素。我鼓励您摆脱scrolloverflow,并在必要时使用响应选项和
fp auto height responsible
使用真正的响应站点。