javascript - 全屏 javascript 中的 Scroll-Jacking；定义滚动阈值

Question

我无意中看到了 Wes Hatch 的这篇关于他们实现“滚动劫持”/强制滚动的博文。效果见http://www.hugeinc.com博客文章在这里 http://www.hugeinc.com/ideas/perspective/scroll-jacking-on-hugeinc

我尝试实现这种效果，但是当我这样做时出现错误:

Uncaught ReferenceError: scrollThreshold is not defined 

这发生在 JS 的第 12 行或第 22 行，具体取决于您是尝试向上滚动还是向下滚动。我真的很喜欢这个效果，想把它弄乱，但我不知道如何让它发挥作用。我尝试添加

var scrollThreshold = 500;

还有一些除 500 之外的不同数字，它们消除了控制台错误，但实际上仍未修复/执行任何使滚动功能正常运行的操作。

我真的很喜欢这个网站的功能，我很想让它正常工作，但我的 javascript 很差，我现在很困。我搜索了 hugeinc.com 的 javascript 文件的实时源代码，但找不到对术语 scrollThreshold 的任何引用。任何帮助都会很棒!

这是一个代码笔:http://www.codepen.io/patrickwc/pen/HAoJl

PS:github上有一些人的回复有issue，目前hugeuser还没有回复https://gist.github.com/hugeuser/9095183

Answer 1

看起来您的 scrollThreshold 值太大了。滚动的合适值应该在 20 - 30 左右。 这是显示其工作原理的代码笔:http://codepen.io/anon/pen/KJupc/ 希望对您有所帮助。