Streaming live at 10am (PST)

Plugin for constant scroll-based animations?


#1

How would you build the fade out interaction when scrolling down on the following site? http://demo.bootstrap-hunter.com/spirito/ It also fades back in when you scroll up again. @danro @thesergie thanks!


Beta Release: Webflow Interactions!
Beta Release: Webflow Interactions!
#2

@danro ok now I totally understand with the "constant listening" tricky part. Thanks! Any JS script you know of that I could use to re-create that?


#3

I don't know of any specialized plugins for this, but you are welcome to tap into our optimized scroll handler if you end up writing something custom...

<script>
var Webflow = Webflow || [];
Webflow.push(function () {
  
  var $win = $(window);
  Webflow.scroll.on(function () {
    
    var top = $win.scrollTop();
    // Do something with top here :)
    console.log(top);
    
  });
  
});
</script>

#4

@danro merci! cheers


#5

#6