Home/ Questions/Q 8515469
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T05:09:18+00:00

I’ve been trying to understand the effect presented on this site – http://artofflightmovie.com/ for

  • 0

I’ve been trying to understand the effect presented on this site – http://artofflightmovie.com/ for navigation. They’ve been using the scrollTo plugin to move to different parts of the page. However, I cant understand how are they moving the entire screen to the dom element. Do they have a big background and are they using something like $(...).scrollTo( {top:'110px', left:'290px'}, 800 ); at each click? Any insights on how I can accomplish something similar would be really appreciated. Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Layout :

    Body Size 1200px x 30000px, It have 7 Div’s spread out in body at different absolute positions, each Div have an corresponding Tab.

    Animation :

    They have handled onScroll Event of main div i.e container. Now when you scroll it shows an effect of scrolling on Body, when you reach to next Div to be displayed the tab selection is changed. When you click on any Tab it navigates to it’s correspoding Div, changing Conatiner Div’s Scroll position as well.

    • 0