1

jQueryが利用できる場合、次のことをどのように行いますか?

ページにdivがあり、その中にコンテンツがあります。このdivに高さを設定することはできませんが、ユーザーが検索しているものに応じて高さを定期的に変更します(入力内容に基づいてコンテンツが表示/非表示になります)。

これはすべて機能しますが、divの高さが変わるとすぐにその位置にジャンプするため、フッターの見栄えはあまり良くありません。

とにかく、フッターが移動する位置にスライドするようにする方法はありますか?それにジャンプするのではなく?

コードを提供しますが、どうすればいいのかわかりません。

私の推測:divの現在の高さを取得し、それが変化したら、差を計算して上に移動しますか?

4

1 に答える 1

2

css3が受け入れ可能であり、あなたが正しく求めていることを理解した場合は、次のような遷移プロパティを追加するだけです。

#content {
    transition: height 2s;
    -webkit-transition: height 2s;
    -moz-transition: height 2s;
    -o-transition: height 2s;
    -khtml-transition: height 2s;
    -ms-transition: height 2s;
}

そうでない場合は、このフィドルのようにjqueryを使用できますhttp://jsfiddle.net/YLKf9/1/

于 2012-10-06T19:34:51.673 に答える