我一直在尝试了解此网站上显示的效果 - http://artofflightmovie.com/进行导航。他们一直在使用scrollTo插件移动到页面的不同部分。但是,我无法理解他们如何将整个屏幕移动到dom元素。他们有很大的背景,他们在每次点击时都使用$(...).scrollTo( {top:'110px', left:'290px'}, 800 );
这样的东西吗?任何关于我如何能够完成类似事情的见解都会非常感激。谢谢!
答案 0 :(得分:0)
布局:
体型1200px x 30000px,它有7个Div在身体的不同绝对位置展开,每个Div都有相应的Tab。
动画:
他们处理了onScroll
主要事件即容器事件。现在,当您滚动它时会显示滚动Body的效果,当您到达下一个要显示的Div时,选项卡选项会更改。单击任何选项卡时,它会导航到对应的Div,同时更改Conatiner Div的滚动位置。