2013-04-06 49 views
1

不太確定此功能被稱爲,但它可能使用jQuery的緩動功能。 This site做得非常好。基本上,它會自動滾動到下一部分並粘住,因此您一次只能查看一個部分。我已經處理了部分高度部分,但我對如何調用緩動無能爲力。我所做的所有研究只涉及粘滯標題和側邊欄。我甚至不知道這個功能叫什麼!jQuery滾動到一個部分並繼續滾動之前堅持

這裏有一個的jsfiddle:http://jsfiddle.net/y2uTv/1/

這裏就是我的JS目前的樣子:

$(window).resize(function(){ 
    var windowHeight = $(window).height(); 
    $(.section).css(height, windowHeight); 
}); 

回答

0

你是不是通過jQuery的CSS方法,你聲明的變量。刪除'windowHeight'附近的報價,它應該馬上工作。

$(window).resize(function(){ 
    var windowHeight = $(window).height(); 
    $('div.section').css('height', windowHeight); 
});        ^^^^^^^^^^^^ 
            remove quotes 

http://jsfiddle.net/ax8XZ/1/


我可以給你,你應該如何實現你想要什麼

有了您的問題,您將需要不同的名稱div一個基本的想法,你會必須以某種方式單獨列出每個section。添加id屬性可能是最簡單的。

接下來,你需要與scroll()是移動到下一個div的top添加事件,無論是向上或向下或者捕捉窗口到該位置,或animate()它。

您需要一些方法來跟蹤當前定位的section,以便您可以在scroll()事件期間知道下一步要移動的位置。

+0

它已更新,但仍不能幫助我處理棘手的問題。 – 2013-04-06 02:37:22