12

画像を使って説明するのが一番良いと思う質問があるので、添付します。

ここに画像の説明を入力

わかりました、基本的に私が持っているのは親コンテナーとその中の要素 (実際にはテキストのブロックになります) であり、これを FIXED 要素と呼びます。

ユーザーがページの上部にいるとき、固定要素をその親の上部に配置したい。ユーザーがページを下にスクロールし始め、親がビューポートを上に移動し始めると、固定要素が親の下部に到達するまでスクロールを追跡し、そこで停止します。

現在、この Web サイトのラフ スケッチ段階にあるため、HTML などはまだありません。

私は一般的に jQuery または javascript を使用することにオープンであり、私の JS スキルは限られており、jQuery に精通していますが、コードをコピーして貼り付けたり、いじったりすることは気にしません。

どんな助けでも大歓迎です。ありがとう!

4

2 に答える 2

3

javascript(jQueryの有無にかかわらず)を使用して実行したいのは、要素の位置を親の位置に対して絶対的に変更することです。親は相対的である必要があります。スクロールバーの位置に基づいて位置を変更します。

このチュートリアルには、それを実現する方法についての適切な説明があります。

http://www.wduffy.co.uk/blog/keep-element-in-view-while-scrolling-using-jquery/

于 2012-02-09T19:54:46.520 に答える