0

私の質問のタイトルは、私が知りたいと思うことを正確に表していると思います。

このサイトhttps://dotvita.com/の正確なスクロール機能をエミュレート/再現できるようにしたいと考えています。

背景は固定されているようですが、スクロールするのはポイントだけです。または、より明確に、コンテンツの残りの部分と同時にスクロールしますが、ポイントまでしかスクロールしません。HTMLソースを見てみると、こんな感じでした。

<body>
   <div id="background"></div>
<body>

背景の CSS は次のとおりです。

#background {
    position: fixed;
    top: -458px;
}

ここで何が起こっているのか教えてもらえますか？上記のコードは、そのサイトで見られるものを生成しますか、それとも何か他のことが起こっていますか?

ありがとう！

4

1 に答える 1

0

実際には、バックグラウンドで別のことが行われています。Jquery とおそらくカスタム スクリプトを使用して、この効果を生み出しているようです。

多くのブラウザーでは、個々の要素またはサイト全体を調べて、どのファイルが使用されているかを確認できます。Google Chrome では、CTRL+SHIFT+I を押して [リソース] タブをクリックすると、これを行うことができます。ここでは、左側のファイル ツリーを使用して [フレーム] > [web サイト名] > [スクリプト] に移動し、読み込まれたさまざまなスクリプト ファイルを確認できます。

このクールな効果を引き起こしていると思われるファイルは次のとおりです 。 core/jquery.equalHeights.js,libs/qtip/js/jquery.qtip.js,libs/colorbox/js/jquery.colorbox.js,js/plugins.js,js/script.js

これを機能させるには、サイトに Jquery をインストールする必要があります。これは次のファイルです: https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

これは、私がしばらくの間自分自身を再現することを意味していた効果です. 幸運を！

于 2013-06-21T15:50:55.760 に答える