2012-09-29 40 views
3

可能不是最好的標題,但我正在尋找是創建一個類似於這個「被劫持」垂直滾動效果的網站的最佳方法。jquery滾動效果的方法(scrollpoints,水平滾動「劫持」)

基本上我知道如何做到這一點只是滾動下來(即如果滾動位置是100,淡出某些東西,設置固定等),我不能讓我的頭是如何使除非我使用一些瘋狂的條件和東西,否則它會雙向工作。

找不到合適的詞來或者調用這個效果,我的一切搜索導致paralax插件..

任何提示/模式/鏈接,會幫助我嗎?

謝謝!

//編輯什麼mdot正在做的是將整個頁面拆分爲幀(1px 1幀),然後爲所有52個元素分配樣式到每個幀,所以每個滾動像素有52個樣式被設置..必須是更好的方式,還是?

回答

2

也許skrollr是你想要的。它非常輕巧,不會妨礙您的工作。

+0

看起來不錯,仍然想知道如何(或什麼是最好的方式)來做到這一點,而不是使用插件,我會檢查他是如何做到的,到目前爲止它看起來與他們正在使用的類似mdot(爲每個框架分配CSS樣式)..謝謝。 – foxx

+0

您不需要爲每個幀執行此操作。 skrollr自動插入它們之間的值。 – Prinzhorn

+0

我剛剛意識到你是製作skrollr的人,首先是出色的工作,其次,我仍然樂於從頭開始製作簡化版本。如果我給你寫了一封電子郵件,你會介意給我幾個答案嗎?乾杯.. 除此之外,接受你的答案,對於只希望不知道它是如何工作的人來說,只需要完成parallax-y網站就可以了:) – foxx

0

我能在谷歌上挖掘出http://johnpolacek.github.com/scrolldeck.js/,其中一個例子有動畫,可以在兩個方向上工作,而且看起來相對好 - 通過應該是一個好的開始。

+0

我知道的..那個特定的例子是使用http://johnpolacek.github.com/scrollorama/這是非常該死的沉重的重量,並做我不需要的東西的負載..我會看看他如何做scrollup/scrolldown fadein/fadeout儘管.. – foxx

0

檢查酷scrollpath喬爾Besada:

https://github.com/JoelBesada/scrollpath

演示here

+0

已經建成一個網站在http://juniorakademie.cz,它離我所需要的地方很遠:) – foxx

+0

啊,好的,可惜我的回答無法幫助你,希望你在其他地方找到答案:-) btw該網站是非常很好,很好! – Nelson