1

私は物事の組み合わせである可能性が最も高い効果を行う方法を探しています。そのベースは次のようなものになります: http ://nikestadiums.com/実際にスライドしています。そのようなプラグインがあるかどうかはわかりません。もしあれば、下にスクロールするときに要素のサイズを変更したり、要素を再配置したりできますか?

投稿を見たことがあります: How to make div scroll down with a page once it comes top of page? 私はスティッキー要素を知っていますhttp://imakewebthings.github.com/jquery-waypoints/sticky-elements/

ここに画像の説明を入力

このようなことをすることさえ可能ですか？はいの場合、リンク/例を教えてください。そしてもちろん、Nike のもののように超超滑らかにする必要があります...ha

ここに jsfiddle がありますが、正しく動作させることができません。 http://jsfiddle.net/3U2Gj/65/

ありがとう。

4

1 に答える 1

8

JSFiddleを変更しました。Chrome、Firefox、IE7+でテストしました。

http://jsfiddle.net/t0nyh0/aMXRq/3/

私はそれを少しクリーンアップし、すべての「状態」をクラスに移動しました。スクロールでは、JQueryを使用して、スクロール位置に基づいてクラスを追加および削除します。

アニメーションはないことに注意してください。アニメーション化する場合は、クラス遷移を使用してアニメーション化できます。詳細については、http：//docs.jquery.com/UI/Effects/ClassTransitionsを参照してください。

キーダウン時にフルモードに入る場合は、「展開」クラスを再度作成して、キーダウン時に適用できます。次に、CSSを次のように構成できます。

.minState3.expand {  }

ボタンをもう一度表示します

.minState3.expand button { display:block; }

このようにすることで、さまざまな状態に基づいてどのように見えるかを柔軟に定義できます。

于 2012-03-05T19:07:14.030 に答える