Web サイトをゼロから開発しています。私の Web サイトは「1 ページ」タイプで、ナビゲーション メニューではアンカーを使用してセクション間をスクロールできます。
私はモバイル向けに最適化された開発に比較的慣れていません。コンピューターではすべて問題ありませんが、携帯電話でテストすると、手動で下にスクロールすると、固定されているはずのサイドバーがその下に1秒間空白を作成し、その後、本来の高さ100%に戻りますなれ。スクロール時の「サイドバーの下の空白」の 2 番目の遅延を削除したいと思います。
これが私の例です。携帯電話で閲覧してみてください(実際にはiPhoneを使用しました)。
http://www.officine06.com/limonaia
完全なコード:
CSS コード:
.sidebar {background: yellow; width: 200px; height: 100%; position: fixed; z-index: 10; left: 0; top: 0;}
また、smoothscroll js がモバイルで機能していないことにも気付きました。上記のホストされた例を背景の写真で見ると、モバイルではセクションの背景の間に空白が作成されますが、これは発生するはずがありません。
事前に感謝します。私の英語は私の母国語ではありません。