Skrollr：fullPage.js兼容性

Question

指定此问题：https://github.com/Prinzhorn/skrollr/issues/444

可以找到源代码here

我希望他们kittehs 200x200通过skrollr数据属性移动到中心，因为我在第二部分内滚动。即skrollr的一个实例应该会影响 <div class="skrollr-1">。只是不要弄错。控制台保持安静。

SlimScroll.js将div.skrollr-1包装成两个块：

<div class="slimScrollDiv" style="position: relative; overflow: hidden;">
<div class="scrollable" style="overflow: hidden;">
<div class="skrollr-1">

这是作者提到的不合适的。但是在这些div上设置overflow：auto！important不起作用。

UPD 自skrollr

  

从窗口中获取滚动位置

我尝试使用文档中引用的视口模式，没有效果。

UPD2 我不确定skrollr zen是否正确，如果没有提供将skrollr粘贴到DOM元素上的视口模式是如何工作的？

UPD3 FullPage.js开发人员报告问题不在于他的插件

耐心是关键所在。宇宙规模感谢任何想法

Answer 1

似乎skrollr仅适用于窗口主滚动。

您可以阅读a similar topic here和here the discussion on its github issues forum。

更新

如果在fullpage.js中设置选项scrollBar:true，现在可以将 skrollr 与fullpage.js结合使用。 这将保持自动滚动选项，但会在侧面显示滚动条。从用户体验的角度来看，这可以被视为一种更好的实践。

带有scrollBar的fullpage.js的

Here´s an online example：true。