如何在元素到达窗口顶部时开始移动元素？

Question

我将这些元素浮动在滚动上，但我想在它到达窗口顶部时开始浮动。有没有人有任何想法？

https://jsfiddle.net/eoopvgmc/13/

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

Answer 1

您可以使用这段代码：

$(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