Skrollr：fullPage.js 兼容性

Question

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

源码可以找到here

当我在第二部分滚动时，我希望它们通过 skrollr 数据属性移动到中心 200x200。 IE。 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 结合使用。 这将保持自动滚动选项，但会在侧面显示滚动条。从用户体验的角度来看，这可以被认为是一种更好的做法。

Here´s an online example of fullpage.js with scrollBar:true.