皆さん！
ウェブサイトを完成させる準備が整いつつありますが、この最終的な不具合が私を悲しませています。必要なのはいくつかの単純な ... リンクだけです。私のデスクトップ (PC/Apple/Firefox/Brave/Safari) では、期待どおりに動作します。Brave と Safari を搭載した古い iPhone 7 でも、期待どおりに動作します。しかし、Chrome を搭載した妻の Samsung Galaxy S10 では厄介です。リンクがビューポートに比較的近い場合は、ターゲット div まで問題なくスクロールします。しかし、数画面いっぱいになると、ターゲットが表示される前に停止します。リンクをもう一度クリックすると、スクロールが完了し、必要な場所に着陸します。ターゲット div に到達すると、ブラウザはページのどこからでも再びスクロールできますが、最初のクリックの前に途中で停止します。私は夢中になっていますか？（ありそうもない…）
私は可能な限り最善の解決策を探し、いくつかのバリエーションを試しました：
- Using <a name="#target">
- Using <a name="target">
- Using <div id="target">
- Using the $('document, html').scrollTo() jQuery function
- Messing with $(window).scrollTo()
- Tried removing any css relative positioning from the design
ありがたいことに（そして悲しいことに）うまくいきませんでした。最初の scrollTo() アニメーションが完了した後、delay() (テストのために短いものと長いものの両方) が開始され、続いて別の scrollTo() が開始される小さなアニメーション チェーンを作成しました。スクロールを完了するために取得します。奇妙なことが起こりました :) スクロールを開始し、アニメーションの間、すぐに動かなくなり、その場で動けなくなり、最終的な (不完全な) 目的地に突然ジャンプしました。繰り返しになりますが、すべてのソリューションは、Chrome の Samsung Galaxy (デスクトップ モードまたはモバイル モード) を除いて、私がテストしたすべてのもので正常に機能しました。
私は妻のためにサイトをセットアップしようとしている音楽の専門家なので、「Android/Chrome のことだ」という指摘、アイデア、または背中を軽くたたくだけでも素晴らしいでしょう。気軽にサイトにアクセスしてソースを表示してください (決して完全ではありませんし、元のままではありません。整理したり、ハードコードを解除したりするために、まだ多くの小さなことをしなければなりません。つまり、慈悲を示してください ;)
https://www.musicalbeginnings.academy
前もって感謝します！