skrollr.js加载后立即激活相对模式

skrollr.js relative mode activating right after load

本文关键字：激活相对模式 js 加载 skrollr 更新时间：2023-09-26

假设我有一个距离页面顶部 1000px 的元素，如果我给他这个属性data-300-top="background: brown;"我会认为当我滚动大约 700px 时它会得到一个棕色背景（所以它从视口顶部是 300px）。但由于某种原因，它马上变成棕色。

奇怪的是，当我把第二个属性放在那里时，例如像这样

data-100-top="background: green;" 
data-200-top="background: brown;"

它立即变成棕色，但当我滚动时变成绿色，因此元素距离视口顶部 100px。

我完全不明白。是不是有点不一致？如果这是预期的行为，我该如何使其仅在满足条件时才触发？

这是立即设置 BG 的示例http://jsbin.com/neqolu/1/edit?html,output

在这里，第二个 ATTR 正常工作http://jsbin.com/kalora/1/edit?html,output

这确实是预期的行为。

请参阅 https://github.com/Prinzhorn/skrollr/issues/660