javascript - Jquery函数防止网站一直向下滚动

Question

我的网站上有一个固定标题，可以使用此功能在页面滚动时缩小:

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

问题是现在网站不会在移动设备上一直向下滚动。谁能帮我解决这个问题吗？

Answer 1

与其使用 JavaScript 来实现，为什么不尝试使用 CSS。

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

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

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