Question

我在我的网站上使用fullpage.js。我在整页容器上方有一个固定的（水平和垂直居中）元素，所以当我在移动设备上滑动固定部分时，fullpage无法识别触摸事件。滚动效果很好。

当固定div位于整页容器之外时，即使它们在内部，也存在问题。我正在使用'fixedElements'参数：

fixedElements: '.circleWrapper',

我应该以某种方式将触摸事件绑定到整页容器吗？

Answer 1

所以我在fullpage.js配置上尝试css3: false，但没有让它工作，所以我找到了简单的解决方案，只需使用

pointer-events: none;

在我的整个幻灯片前面的元素上。这是我发现解决问题的最简单的解决方案。有关我的实施的任何问题，请询问！

Answer 2

fullpage.js触摸事件仅在插件的包装器本身内工作。通常人们不希望滑动页眉或页脚滚动页面。

您有两种选择：

使用css3:false并将固定元素放在fullpage.js容器中，这样他们就会收到滑动事件，并且不会导致包装内部出现问题，因为插件不会使用translate3d属性。
修改fullpage.js以达到您自己的目的。为此，请修改addTouchHandler和removeTouchHandler函数并更改$(WRAPPER_SEL)的{{1}}：
```
$(document)
```