在adsense上滚动时粘滞的菜单

时间:2014-08-15 14:32:03

标签: jquery html css

我想使用jQuery为博客创建一个粘性菜单。菜单工作正常我需要它,但问题是当我向下滚动一个带有adsense的页面时,菜单将在该广告下面。

我缺少什么?

这是我的jquery函数:

$(function(){
   var stickyRibbonTop = $('#mainmenu').offset().top;        
   $(window).scroll(function(){
        if( $(window).scrollTop() > stickyRibbonTop ) {
            $('#mainmenu').css({position: 'fixed', top: '0px'});
        } else {
            $('#mainmenu').css({position: 'static', top: '0px'});
        }
    });
});

在这里,我有一个小提琴:http://jsfiddle.net/7zb920bb/

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题...

我将css属性-webkit-transform: translateZ(0)添加到.sticky类。

它就像一个魅力!