jquery - jquery div在窗口滚动时覆盖图层，div保持在同一位置

Question

var stickyTop = $('#r_ads').offset().top;

$(window).scroll(function(){
    var windowTop = $(window).scrollTop();

    if (stickyTop < windowTop) {
          $('#r_ads').css({ position:'fixed', 'top':0, 'left':'68%' });
        }
    else{$('#r_ads').css('position','inherit');}
});

我有一个广告 div，当窗口滚动时使用 jquery 保持在同一位置。

我将位置设置为 fixed top:0 & left 68%

但是，当用户放大或缩小时，div 将覆盖其他内容，因为已修复。

有什么办法可以解决这个问题吗？

Answer 1

if (stickyTop < windowTop){$('#r_ads').css({ position:'relative', 'top':windowTop - 20});}

试试这个，改为相对，而不是使用原始的 windowTop - 你想要的高度。