移动网站不会滚动虽然滚动条正在出现

Question

我正在构建一个使用响应式 wordpress 主题的新网站。

站点 URL 是 - www.render-box.co。uk/new/

该网站在缩小到移动设备大小时看起来不错，但在移动设备上查看时我无法向下滚动。滚动条出现在页面的一侧。

好像有什么东西阻止了页面滚动，我不太确定是什么？

谢谢

Answer 1

好的。如果您检查代码，会发现有一个脚本将："overflow:hidden" 放入 HTML 标记中。（我想这是因为自定义滚动条，实际上是 niceScroll 插件做的，它不适用于移动设备）...所以，你可以编写一个脚本来覆盖 nicescroll。

我为您制作了这个，这将检查 UserAgent 以检测用户是否在移动设备上，然后覆盖 html 标签的 css 规则。希望这对你有用。

    $(function(){

        var movil=false;

        if( navigator.userAgent.match(/Android/i) || 
            navigator.userAgent.match(/webOS/i) ||
            navigator.userAgent.match(/iPhone/i) || 
            navigator.userAgent.match(/iPad/i)|| 
            navigator.userAgent.match(/iPod/i) || 
            navigator.userAgent.match(/BlackBerry/i)){

            var movil=true;

        }

        else{
            var movil=false
        }


        if(movil==true){

            // SET OVERFLOW TO AUTO, SO THE SCROLL IT'S ALLOWED

            $("html").css("overflow", "auto");

            //HIDE THE NICESCROLL FOR MOBILE DEVICES 

            $("#ascrail2000").css("display", "none");


        }

        else{}
    });

当 DOM 准备就绪时，不要忘记将它放在 html 末尾的标签上，这样它将覆盖 css。

移动网站不会滚动虽然滚动条正在出现

Mobile Website Wont Scroll Although Scrollbar is appearing

jquery

wordpress

mobile

web

scroll