Javascript 移动屏幕上的粘性去除

我已经在Jquery的帮助下在桌面视图上粘贴了顶栏，但我不想在滚动期间在移动屏幕上粘贴顶栏

---

我使用以下代码创建了topbar sticky：

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var sticky=$（“#顶部标题”），
scroll=$（窗口）.scrollTop（）；
如果（滚动>=100）{
sticky.addClass（'fixed'）；
}否则{
sticky.removeClass（“固定”）；
} 
}); 
});您应该修改您的条件声明：

if ((scroll >= 100) && ($(window).width() > /* Mobile screen width */)) {
   sticky.addClass('fixed');
}

您可以使用css添加媒体查询，也可以为jQuery代码定义屏幕宽度


if（$（窗口）.width（）>767）{
$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var sticky=$（“#顶部标题”），
scroll=$（窗口）.scrollTop（）；
如果（滚动>=100）{
sticky.addClass（'fixed'）；
}否则{
sticky.removeClass（“固定”）；
} 
}); 
});
}
使用此代码，您还需要移动设备宽度的另一个条件。使用此代码，您还可以删除resize上的“fixed”类

$(document).ready(function(){
  $(window).on('scroll resize',function(){
    var sticky = $('#top-header');
    var scrollTop = $(document).scrollTop();
    var windowWidth = $(window).width();
    if(scrollTop >= 200 && windowWidth >= 768){
      sticky.addClass('fixed');
    }else {
      sticky.removeClass('fixed');
    }
  });
});

$（document）.ready（function（）{$（window）.scroll（function（）{var sticky=$（'#top header'），scroll=$（window.scroll（）；if（scroll>=100）{sticky.addClass（'fixed'）；}else{sticky.removeClass（'fixed'）；}）；}）；我做了这个代码，请你的问题和添加代码topbar粘性。不要在评论部分发布与问题相关的信息。