モバイルSafariでスクロールを無効にするにはどうすればいいですか? 質問する

モバイルSafariでスクロールを無効にするにはどうすればいいですか? 質問する

長いページがあり、「折り返し」の下に表示されるコンテンツを非表示にしたいのですが、これは iPhone/iPad でも機能するはずです。

overflow:hidden適用されたものは、<body>モバイル Safari では機能しないようです。これを実現するために、Web サイト全体にラッパーを作成することはできません...

解決策を知っていますか?

ベストアンサー1

私も同様の問題を抱えていましたが、overflow: hidden;両方に適用することhtmlbody問題が解決しました。

html,
body {
    overflow: hidden;
} 

iOS 9 の場合は、代わりに以下を使用する必要があるかもしれません:(ありがとう、chaenu!)

html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

おすすめ記事