用jQuery移动整个窗口

我一直在试着理解本网站上的效果 - http://artofflightmovie.com/的导航。他们一直在使用scrollTo插件移动到页面的不同部分。但是，我不知道他们如何将整个屏幕移动到dom元素。他们是否有很大的背景，并且他们每次点击都使用类似$(...).scrollTo({top:'110px', left:'290px'}, 800);的东西？任何关于我如何能够完成类似事情的见解都将得到真正的赞赏。谢谢！用jQuery移动整个窗口

来源

2012-09-10 Prakhar

他们使用锚标签将视口跳到DOM中的不同坐标，然后立即为视差效果制作动画。 –

尝试缩小.....你会发现他们在容器Div中有DIV的Spreadout，当你滚动时他们滚动Container div使Div对应于Tab Visible。 –

布局：

体尺寸1200像素X 30000px，它有7个事业部在身体摊开在不同的绝对位置，每个事业部都有一个对应的标签。

动画：

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

来源

2012-09-10 07:10:11

用jQuery移动整个窗口

回答

相关问题