[WordPress] モバイル ウェブサイト文句を言わないスクロールがスクロール バーが表示されます。

スポンサーリンク

Question

応答性の高いワードプレスのテーマを使用して新しいウェブサイトを造ってだけ

サイト URL は – 新しい http://www.render-box.co.uk//

サイトは正常に見える私にそれがスケールするときモバイル サイズをまだ私は下にスクロールことはできません携帯電話で表示するとき。スクロール バーは、ページの横に表示される

スクロール、ページをブロックしている何かと私はないかなり確信して何かのように思える?

おかげで

答え

[ok]。配置スクリプトがあるコードを検査する場合:”オーバーフロー: 隠された”HTML タグ。(私は推測は、カスタム スクロール バーでは、実際にはそれを行う niceScroll プラグインの携帯電話ではないため).だから、nicescroll をオーバーライドするためのスクリプトを行うことができます

あなたのためこれを作った、これはかどうか、ユーザーはモバイル デバイスを検出し、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 css が上書きされますので、準備ができたときこれは html の最後にタグを配置することを忘れないでください

http://stackoverflow.com/questions/27744311/mobile-website-wont-scroll-although-scrollbar-is-appearing

スポンサーリンク

Leave a Reply