1

Web サイトをゼロから開発しています。私の Web サイトは「1 ページ」タイプで、ナビゲーション メニューではアンカーを使用してセクション間をスクロールできます。

私はモバイル向けに最適化された開発に比較的慣れていません。コンピューターではすべて問題ありませんが、携帯電話でテストすると、手動で下にスクロールすると、固定されているはずのサイドバーがその下に1秒間空白を作成し、その後、本来の高さ100%に戻りますなれ。スクロール時の「サイドバーの下の空白」の 2 番目の遅延を削除したいと思います。

これが私の例です。携帯電話で閲覧してみてください(実際にはiPhoneを使用しました)。

http://www.officine06.com/limonaia

完全なコード:

http://jsfiddle.net/hQGFa

CSS コード:

.sidebar {background: yellow; width: 200px; height: 100%; position: fixed; z-index: 10; left: 0; top: 0;}

また、smoothscroll js がモバイルで機能していないことにも気付きました。上記のホストされた例を背景の写真で見ると、モバイルではセクションの背景の間に空白が作成されますが、これは発生するはずがありません。

事前に感謝します。私の英語は私の母国語ではありません。

4

0 に答える 0