小编典典

滚动到该div后如何使div固定?

html

div滚动到该位置后如何使它固定div?我div在页面的后面有一个,您需要滚动到那个页面div

如果我使用:

.divname {
  position: fixed;
}

div出现之前就应该正常显示。我需要的一个很好的例子是9gag上的第二个广告。如果屏幕分辨率足够低,则在加载首页后您将看不到该广告,但是向下滚动后,您会看到第二个广告,并且在向下滚动时它将保持固定。


阅读 346

收藏
2020-05-10

共1个答案

小编典典

我知道这仅被标记为html / css,但是您不能仅使用css来做到这一点。最简单的方法是使用一些jQuery。

var fixmeTop = $('.fixme').offset().top;       // get initial position of the element

$(window).scroll(function() {                  // assign scroll event listener

    var currentScroll = $(window).scrollTop(); // get current position

    if (currentScroll >= fixmeTop) {           // apply position: fixed if you
        $('.fixme').css({                      // scroll to that element or below it
            position: 'fixed',
            top: '0',
            left: '0'
        });
    } else {                                   // apply position: static
        $('.fixme').css({                      // if you scroll above it
            position: 'static'
        });
    }

});
2020-05-10