モバイルサイト - まったくスクロールしません

私はどこでもGoogleで検索しました。私のサイトには固定高さはなく、固定プレースメントはありません。それは私が望むようなビューポートを示しますが、それだけです。スクロールしたり、何かを表示したりしません。モバイルサイト - まったくスクロールしません

私には何が欠けていますか？私はあらゆる種類のオーバーフローオプションを試しましたが、何も動作していないようです。

出典

2011-07-07 smack

この携帯サイトを作るために何を使用していますか？あなたはJQuery Mobileのようなもの、あるいはそれらの行に沿ったものでそれをしようとしていますか？ –

これは携帯電話の画面に私の最初のスタブです - http://ec2-50-17-62-163.compute-1.amazonaws.com/static/index.html - それを携帯電話に入力して楽しんでください！ – smack

本当にありがとうございます。みんなありがとう。 – smack

私は以下を行います...

スタイルシートを一時的に無効化/削除して、すべてが普通のhtmlであることを確認します（スタイルシートなしの問題が残っている場合は、おそらくjsスクリプトが混乱しています）
私はposition absolute具体的には、ラッパー、コンテンツ、またはサイドバー要素）に適用されます。これは、iOS /携帯電話デバイスでのスクロール可能性の第一人者です。

出典

2011-07-07 16:46:57 William

ありがとう！追加して、犯人を見つけるために削除！ – smack

BODYとHTMLタグは高さが100％であるので、あなたの.wrapperは、コンテンツの溢れが発生した場合にoverflow: hiddenを追加し、

.wrapper

.wrapper { 
    position:relative; 
    width:80%; 
    margin:0 auto; 
}

からの高さを削除してください

html, body {min-height:100%; height:100%; overflow-x:hidden; display:block;}

です。ラッパー

出典

2011-07-07 16:34:43 superjaz1

は、ラッパーの画面上の100％の高さとアンチスクリーンCSSを削除しました。変更はありません。 – smack

私はiPhoneで試しました。最小高さを取り除く：100％;高さ：100％; htmlとbodyからも、それを試してみてください。 – superjaz1

別のサイト、同様の問題。 'html、body'の' height：100％ 'を削除するとiPhone 3でのスムーズなスクロールが修正され、Androidデバイス（Samsung）でのスクロールも修正されています。ラッパーに100％の高さがありませんでした。ありがとう！ –

JavaScriptスライダーで読み込まれたiframeを使用して自分のサイトにYouTube動画を読み込んでいました。これはAndroidの問題で、ページのスクロールやズームを許可していませんでした。 CSSの「html、body」の高さやオーバーフローヒディーンの設定には関係ありませんでした。私がjQueryスライダープラグインの中で私のYouTubeのビデオを取り除くと、ウェブサイトのスクロールとズームはAndroidの携帯電話で正常に動作するようになりました。

出典

2012-06-04 22:53:06

-1

あなたのhtmlに追加された最後のjavascriptを削除しようとしています！私のサイトは携帯電話でスクロールしません。よろしくお願いします。

出典

2015-05-06 13:38:37

モバイルサイト - まったくスクロールしません

答えて

関連する問題