2011-12-11 10 views
0

作品がありますが、ここでのコードを参照することができますjqueryのスティッキーナビゲーションは、私だけが私の問題を説明するために最善を尽くします初めて

http://jsfiddle.net/xPxhf/3/

私はナビゲーションを持って、下の部分を意図しているのをユーザーがページの特定のポイントを過ぎてスクロールすると、ユーザーのウィンドウの上部に壊れて固執することがあります。これが動作する方法は、上から14pxを打ち切り、次に上に移動します。0px

次に、ユーザーが一番上にスクロールすると、navは元の位置(上:78px)に戻ってアニメーション化されます。あなたがjsfiddleで私の例を見ると、これは初めてであり、期待どおりに動作するようです。しかし、もう一度スクロールすれば、物事は完全に乾いたままになります。

誰でもこの機能を正しく行うためのコード提案がありますか?私は数時間かけてさまざまな修正を試みましたが、何も効果がありませんでした。

答えて

0

問題は、navを配置するときに相対値を使用していることです。あなたが遅延とアニメーションを削除し、絶対値を使用する場合、それは素晴らしい作品です。このようなhttp://jsfiddle.net/xPxhf/6/

+0

ありがとうございます - それは私が前にそれを持っていた方法です。残念ながら、それは私の質問に答えません。アニメーションは不可欠な部分です。 – watermelonkid

+0

このようなものが欲しいですか:http://jsfiddle.net/xPxhf/7/?そうであれば、固定値と絶対値の位置を切り替える際にトップ値を調整するだけでなく、相対的な値から移動することも解決策になります。 –

関連する問題