ScrollTop bug jquery On chrome

Question

在我的网站中，我制作了粘性标题。

它在每个浏览器上都运行良好，但是当我在 Chrome 上的 Macbook 上进行测试时，scrollTop 出现错误

我有我的主标题和一个粘性标题：

我编码：

$(document).on('scroll',function() {    
    if ($(document).scrollTop() >= 150) {
        $('header:not(.sticky)').hide();
        $('header.sticky').show();
    } else {
        $('header:not(.sticky)').show();
        $('header.sticky').hide();
    }
});

当我滚动到 150 像素时，它会跳到我的页面顶部。

感谢您的帮助！

Answer 1

这在 Mac 机器的 Chrome 中运行良好

  $(document).scroll(()=> {
    if($(this).scrollTop()>= 150) {
      //Your Actions 
    }
    else {
      //Your Actions
    }
  });