当窗口滚动时，jquery div over layer，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停留在相同的位置。

我将位置固定在顶部：0＆amp;剩下68％

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

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

Answer 1

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

尝试这个，改为亲戚，而不是使用origial windowTop - 你想要的高度。