滚动锁定在移动设备上

Question

当我尝试在移动设备上滚动网站时，我的网站出现问题，有时它会锁定，甚至当您在设备网站上滑动手指时也无法正常移动。在桌面滚动工作正常。我试图找到解决方案，但无法弄清楚出了什么问题。您可以在此处使用 375 像素分辨率或移动设备上的开发人员工具对其进行测试Bootstrap 4 模板： NOW UI Kit by Creative Tim我认为问题出在 cookie 脚本上，但是当我通过在 HTML 中注释来禁用它时，问题并没有解决。我试图评论我的 JS 文件的一部分，但仍然无法正常工作。有我的 JS 脚本：    var selectedClass = "";    $(".filter").click(function () {        selectedClass = $(this).attr("data-rel");        $("#gallery").fadeTo(100, 0.1);        $("#gallery div").not("." + selectedClass).fadeOut().removeClass('animation');        setTimeout(function () {            $("." + selectedClass).fadeIn().addClass('animation');            $("#gallery").fadeTo(300, 1);        }, 300);    });    $( "#scrollDown" ).click(function() {        $( "html, body" ).animate({          scrollTop: 600        }, 600, function() {          // Animation complete.        });      });      //Gallery Animations      baguetteBox.run('.grid-gallery', { animation: 'slideIn' });       //Anchor Function      function scrollToAnchor(aid){        let aTag = $("a[name='"+ aid +"']");        $('html,body').animate({scrollTop: aTag.offset().top}, 900);    }      //Menu Anchors Animations    $("#lexuslink").click(function() {        scrollToAnchor('lexus');     });     $("#fiatlink").click(function() {        scrollToAnchor('fiat');     });     $("#merclink").click(function() {        scrollToAnchor('merc');     });     $("#homelink").click(function(){        $('html, body').animate({scrollTop: 0}, 900)     });     $("a").on('click', function(event) {        // Make sure this.hash has a value before overriding default behavior        if (this.hash !== "") {          // Prevent default anchor click behavior          event.preventDefault();          });        }       });});

Answer 1

您需要从 css 文件中删除以下 css 代码。

.wrapper {

    overflow-x: hidden;

}

并且还需要更新您现在#kontakt p媒体查询中元素的字体大小，您需要减少它。576px1.1rem0.9rem

我希望在完成这两个小的更改后，您的滚动问题将得到解决。