jquery - 使用 jQuery 移动整个窗口

Question

我一直试图了解这个网站上呈现的效果 - http://artofflightmovie.com/用于导航。他们一直在使用scrollTo插件来移动到页面的不同部分。但是，我无法理解他们如何将整个屏幕移动到 dom 元素。他们有很大的背景吗？他们是否$(...).scrollTo( {top:'110px', left:'290px'}, 800 );在每次点击时都使用类似的东西？任何关于我如何完成类似事情的见解都将不胜感激。谢谢！

Answer 1

布局 ：

Body Size 1200px x 30000px，它有7个Div在body中分布在不同的绝对位置，每个Div都有一个对应的Tab。

动画片 ：

他们已经处理onScroll了主 div ie 容器的事件。现在，当您滚动时，它会显示在 Body 上滚动的效果，当您到达要显示的下一个 Div 时，选项卡选择会更改。当您单击任何选项卡时，它会导航到对应的 Div，同时更改 Conatiner Div 的滚动位置。