これは私のjQuery/javascriptの知識のためにあまりにもトリッキーですので、私はまだ何も試していないと申し訳ありません。私は正しい方向を指すためにいくつかのヒントが必要です!固定要素が通過したときに、親要素をスクロールする方法はありますか?
問題は、ページに固定要素があり、この要素をスクロールすると別のラッパーが入力され、そのラッパーで固定要素に「スナップ」する必要があることです。要素内にある。
説明するのは難しいの種類、私はここで、静的なモックアップを作った:
「固定カートボタンは」価格に達したとき、私はそれは限りカートボタンで接続し、スクロールする必要がありますそれは価格 "product-div"の中にあります。それが去って次の商品に入ると、その価格は商品の底にとどまり、ユーザーがスクロールアップすることでカートボタンに再びスナップします。
もう一度試していないのは申し訳ありませんが、私は迷っています。私が助けなしにこれをしなければならないとすれば、私はwaypoints.jsと一緒に行くだろうと思っていますが、それは最適ではないと感じています。
何か助けてください!
固定要素は常に同じ位置になるため、ブラウザの上端からのオフセットは、その位置を追跡する代わりに使用することができます。常に何か;)
更新:
がそれに自分自身を働いて、それが上向き下向きではなく、働いて得た:
は、私が何を意味するか明確にすべき:
http://retype.se/temp/scrolltest/test.html
スクロール価格によって、それはボタンを下方に結合し、コンテナを出るときに緩んでスナップする。私の問題は今、それをスナップし、上にスクロールするときに元の位置にスクロールしています:)
そして、何と - とき*ボタン*最初は "黄色" 領域の上にありますか? –
_button_が最初の価格に達するまでは何も起こりません...価格は、親製品のコンテナ内にある間にスナップしてスクロールする必要があります。 – jonas
'.product'の高さがすべて同じかどうかを知ることは本当に重要ですそれらは変数になります –