將位置更改爲固定時滾動多個像素（jQuery）

我是很新的查詢並希望在滾動時讓三個圖像互相溢出。我想讓第一個圖像向上移動，直到其高度的一半，然後讓第二個圖像溢出第一個圖像。將位置更改爲固定時滾動多個像素（jQuery）

我已經看過幾個答案，並且遇到了這個代碼，它工作正常，但它並沒有改變我的div的位置「固定」。

var max_scroll = 300; 


$(document).scroll(function(){ 


    if($(this).scrollTop() >= max_scroll) 
    { 
    $('#slideOne').fadeOut(); 
    } 
});

我試圖與

.css('position') == 'fixed')

更換.fadeOut（），但它不工作。我非常感謝這裏的幫助。

謝謝！

來源

2013-12-22 patrick

使用'的.css（「位置」，「固定」）;' – Deryck

謝謝！它起作用，第二張照片在第一張照片上流動，但第一張照片實際上跳回到先前的位置。有沒有辦法將它保持在半滾動位置？ – patrick

我需要多一點解釋你的目標是在這裏。也許鏈接到頁面或JSFiddle的視覺效果？此外，鏈接到您想要的行爲的例子也是有用的。 – Deryck

您正在使用Deryck指出的錯誤語法。

.css('position') == 'fixed')

正在檢查對象的位置屬性是否是固定的，如果是這種情況，則返回true。要真正改變屬性，你必須調用

.css('position', 'fixed');

我建議你看一看jQuery的文檔： http://api.jquery.com/css/

來源

2013-12-22 12:16:22 Max

謝謝。有沒有什麼方法可以描述他們如何創建這個滑塊：airbnb.com/jobs？ – patrick

對於高級滾動效果，我會使用一個庫，讓您根據滾動位置來轉換對象。迄今爲止我遇到的最靈活的是Skrollr http://prinzhorn.github.io/skrollr/ – Max

將位置更改爲固定時滾動多個像素（jQuery）

回答

相關問題