javascript - 在移动设备上删除 'sticky navigation'

Question

我有以下代码，当滚动到它时，它会将导航粘贴到页面顶部。

HTML

<script>
  $(document).ready(function() {
  var s = $("#nav");
  var pos = s.position();                    
  $(window).scroll(function() {
    var windowpos = $(window).scrollTop();
    if (windowpos >= pos.top) {
        s.addClass("stick");
    } else {
        s.removeClass("stick"); 
    }
  });
});
</script>

我想为移动设备禁用此功能(当 Accordion 打开时它会占据所有屏幕)但不确定如何更改我的代码

Answer 1

仅使用此 css 解决方案 -

@media only screen and (max-width: 450px)

    .stick {
        position: relative !important;
    }

}