Javascript 不同浏览器的不同Jquery值

我添加了一个“粘性滚动”导航，我认为它被称为，它允许导航移动，直到它到达浏览器顶部，在那里它变得固定，即始终保持在用户的眼睛。 我已经设法让它在chrome、firefox和IE中工作

但是，jquery的一部分允许您更改它停止时的上边距

我可以为每个浏览器设置不同的上边距，例如，chrome我希望它是10px，IE我希望它是5px，firefox出于某种原因用导航占据整个屏幕，因此它不需要更改

下面是它的Jquery

<script type="text/javascript">
    $(function(){ // document ready

      if (!!$('.sticky').offset()) { // make sure ".sticky" element exists

        var stickyTop = $('.sticky').offset().top; // returns number 

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

          var windowTop = $(window).scrollTop(); // returns number 

          if (stickyTop < windowTop){
            $('.sticky').css({ position: 'fixed', top: 0 });
          }
          else {
            $('.sticky').css('position','static');
          }

        });

      }

    });
</script>

$（函数（）{//文档准备就绪
如果（！！$（'.sticky'）.offset（））{//请确保存在“.sticky”元素
var stickyTop=$（'.sticky'）.offset（）.top；//返回数字
$（窗口）.scroll（函数（）{//滚动事件
var windowTop=$（window）.scrollTop（）；//返回数字
如果（粘贴顶部<窗口顶部）{
$（'.sticky'）.css（{position:'fixed'，top:0}）；
}
否则{
$（'.sticky'）.css（'position'，'static'）；
}
});
}
});

您可以看到顶部边距部分顶部：0

有什么想法吗

---

谢谢

如果您想使用此方法，可以使用$.browser（）测试用户正在使用的浏览器。这在大多数情况下都有效，但如果用户更改了浏览器的用户代理设置，则可能会出现故障

然而，我建议你做的是找出这种行为存在的原因，并找出根本问题。如果您无法修复它，或者您已经用光了时间，那么您可能会退回到像$.browser这样的黑客攻击中去。：）