Scroll-Jacking in Full Screen JS help

[Preface Studios Ltd]

Hi,

I stumbled across this blog post by Wes Hatch on their implementation of a “scroll-jacking” / forced scrolling. The effect is shown on http://www.hugeinc.com and the blog post is here http://www.hugeinc.com/ideas/perspective/scroll-jacking-on-hugeinc

I’ve tried to implement this effect, but when I do I get an error:

Uncaught ReferenceError: scrollThreshold is not defined 

This either occurs on line 12 or line 22 of the JS, depending on if you try and scroll up or down. I really like the effect and want to mess around with it, but I can’t figure out how to get it working. I tried adding

var scrollThreshold = 500;

and a few different numbers other than 500, which removed the console error but still didn’t actually fix/do anything in terms of getting the scroll to function.

I really like the functionality of the site and I’d love to get it to work, but my javascript is quite poor and I’m pretty stuck at the moment. Any help would be great!

Here is a codepen: http://www.codepen.io/patrickwc/pen/HAoJl

PS: There are some replies of other people have issues on github, but no reply from hugeuser as of yet https://gist.github.com/hugeuser/9095183

[Preface Studios Ltd]

I did but they’ve rewritten a lot of it and I can’t figure it out. I can’t find most of the functions used in their blog post actually

[Author]

Posts