Javascript Jquery功能防止网站向下滚动

我在我的网站上有一个固定的标题，该标题在使用此功能的页面滚动中缩小：

 jQuery(document).ready(function($) {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 350) { 
            $('header').addClass('shrink');
        }
        else{
            $('header').removeClass('shrink');
        }
     });
 });

在移动设备上查看网站时，我希望删除固定标题，使其仅为常规标题，因此我这样做：

if ($(window).width() < 769) { 
    $('header').removeClass('shrink'); 
}

if（$（window）.width（）<769）{
$（'header'）.removeClass（'shrink'）；
}

问题是，现在该网站不会在手机上一直向下滚动。

---

有人能帮我修一下吗

与其使用JavaScript，不如试试CSS

@media screen and (max-width: 769px) {
    .shrink {
       /* write your rules here.*/
    }
}

你应该发布你的代码或URL。我不知道删除“shrink”类背后的逻辑是什么，从您提供的代码中，似乎您没有将该类添加到头中，但您正在删除它

---

我认为最好的解决方案是删除移动设备的位置CSS规则。

对不起。。。stackoverflow不允许在注释中设置格式

试试这个

  .shrink { 
    position:fixed; 
    clear:both!important; 
    width:100%; 
    height:50px!important; 
    max-height:50px!important; 
    min-height:50px!important; 
    z-index:999999999; 
    transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -webkit-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out; 
}

@media screen and (max-width: 769px) {
    .shrink {
       position: static;
    }
}

---

传递事件并使用event.preventDefault（）Hi-Nesar，起初我确实尝试用CSS解决它，但屏幕在滚动时出现了问题。我尝试的CSS是

.shrink{display:none；}

。无论如何，我现在的CSS是

header.shrink{位置：固定；清除：两个！重要；宽度：100%；高度：50px！重要；最大高度：50px！重要；最小高度：50px！重要；z-索引：99999999；转换：所有0.5s易入易出；-moz转换：所有0.5s易入易出；-webkit转换：所有0.5s易入易出；-o-转换：所有0.5s易入易出；}

尝试此项。收缩{位置：固定；清除：两个！重要；宽度：100%；高度：50px！重要；最大高度：50px！重要；最小高度：50px！重要；z索引：9999999；过渡：所有0.5s缓进-出；-moz过渡：所有0.5s缓进-出；-webkit过渡：所有0.5s缓进-出；-o过渡：所有0.5s缓进-出；背景：蓝色；}@media-screen和（最大宽度：769px）{.shrink{position:static；background:green；}}}它工作了！：）我确实必须做position:static！重要；不知道为什么，因为我没有做！重要的是位置已修复，但看起来不错。非常感谢！