用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移動整個窗口

回答

相關問題