1

この Web のレイアウトは次のとおりです。

section1

section2

section3

section4

section5

各セクションは、画面の高さ全体をカバーします。画像をプリロードしている間、Web を中央 (セクション 3) までスクロールする必要があります。そのために、次を使用します。

var targetOffset = $('#home-nav-bar').offset().top - 183;
$("html, body").animate({ scrollTop: targetOffset }, 100);

この効果は、プリローダーが画像をロードしている間にトリガーするため、ユーザーには表示されません。

しかし、この Web では視差効果も使用されていstellar.jsます。私が抱えている問題は.animate、ページでスクロール イベントが発生し、恒星コードがトリガーされ、プリロードが終了した後に要素が本来あるべき場所から離れてしまうことです。トリガーする .animate を使用せずに section3 に「スクロール」できる方法はありますstellar.jsか?

4

0 に答える 0