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');
}

问题在于，现在该网站无法在移动设备上一直向下滚动。
有人可以帮我解决这个问题吗？

最佳答案

抱歉... 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;
    }
}