Scroll fade is a new design pattern. It refers to an animation that is triggered by scrolling: new elements or content fade in or out once the user scrolls down to a certain point on the page.
Movement (and thus animation) is processed preattentively: the eyes are automatically drawn to it. As a result, incorrectly deployed animations can be highly distracting.
Scroll Fading vs. Scrolljacking
Scroll fading and scrolljacking are two different design patterns that relate to scrolling. The key difference between them is that scroll fading simply triggers an animation when a user scrolls to a particular point on the page, without affecting how the user is able to scroll. In contrast, scrolljacking changes the user’s scroll rate and sometimes the direction of scrolling, overriding the set scroll speed of the operating system.
Scroll fading and scrolljacking can be used together. In the Reachdesk.com example below, the user’s scroll rate is changed (scrolljacking) and elements on the page fade in upon the user scrolling (scroll fading).
Disclaimer: The information presented in this article is based on the time I visited the premises. Note that there might be changes in the prices of merchandise and admission fees that might have occurred after this article was published. At times the facility might also be closed for repairs or for variety of other reasons. Kindly contact the facility or facilities mentioned in this article directly before visiting.
Usage of this site indicates acceptance of my Terms and Conditions.
Credits: The historical information presented herein is gathered mostly from local guides that were re-inforced via historical writings.