Scroll Away hides design elements on scrolling down and let’s them reappear on scrolling up.
This package comes with to code overrides, that you need to use this package. To make them available for these easy steps:
Now you can follow the steps below to get it to work.
Now you can go ahead and adjust the settings of the ScrollAway-component to your needs.
Here’s a video of the whole setup process: https://twitter.com/derlukasg/status/1113162191493103620
Offset — Controls the vertical offset before element is first hidden
Tolerance — Controls the tolerance on scrolldirection-change before the element is shown/hidden
Alignment — Controls the position of the connected frame inside the ScrollAway component.
Effect — Controls the animation the element is shown/hidden. Your options are:
Easing — Gives you a preset of the standard transitions [“linear“, “easeIn“, “easeOut“, “easeInOut“, “circIn“, “circOut“, “circInOut“, “backIn“, “backOut“, “backInOut“, “anticipate”]
Timing — The transition-speed in milliseconds