如何在元素到達窗口頂部時開始移動元素？

我正在將此元素懸浮在滾動上，但是我想在到達窗口頂部時開始浮動。有沒有人有任何想法？如何在元素到達窗口頂部時開始移動元素？

$(document).ready(function() { 
    $(document).on('scroll', function() { 
    $('.ads').css({ 
     'top': $(window).scrollTop() + 'px' 
    }); 
    }) 
});

來源

2015-07-10 Markus Hayner

所以你的意思是，目前的浮動元素馬上滾動（起始於頂部這一頁）。你想要什麼時候浮動元素開始移動？ – KiiroSora09

即將到達窗口頂部的元素不是當我開始滾動 –

因此，它們應該只在「top_banner」和「main_content」頂部邊界符合窗口頂部時才移動？ – KiiroSora09

您可以使用此一小段代碼：

$(document).ready(function() { 
    var offset = $('.ads').offset().top, top; 
    $(document).on('scroll', function() { 
     top = $(window).scrollTop() < offset ? '0' : $(window).scrollTop() - offset + 'px'; 
     $('.ads').css({ 
      'top': top 
     }); 
    }); 
});

DEMO

來源

2015-07-10 12:35:34 lmgonzalves

如何在元素到達窗口頂部時開始移動元素？

回答

相關問題