ホームページ >ウェブフロントエンド >jsチュートリアル >iPhone Safariが位置固定をサポートしていない場合の解決策_javascriptのヒント

iPhone Safariが位置固定をサポートしていない場合の解決策_javascriptのヒント

WBOY
WBOYオリジナル
2016-05-16 17:53:531113ブラウズ

Google のホームページなど、多くの PC Web ページのナビゲーションは固定されていますが、この固定ナビゲーションをモバイル Web に転送したい場合は、position:bottom:0 を考えるのが自然です。 , android iPhone Safariでは正常に動作しますが、iPhone Safariでは問題が発生します。スクロールバーがスクロールすると、画面の上部に暗い部分が表示され、非常にまとまりがありません。 iscroll や jquery mobile などのフレームワークを推奨する人が多いですが、満足のいく結果が得られなかったり、二次開発でフレームワークのソースコードを読み込む必要があり、時間がかかる場合があります。一定期間の調査の結果、比較的簡単な解決策を見つけましたが、その効果は依然として PC Web ほど良くありません。

コードをコピー コードは次のとおりです:

nav



ただし、最新の ios5 はすでにposition:fixedをサポートしており、これは大多数に朗報ですWeb フロントエンド開発者の数。
作者: Qingliuyu
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。