1

次のようにDIVクラスをセットアップしています。

div.map_view{
height: 420px;
transition: height 2s;
-moz-transition: height 2s; /* Firefox 4 */
-webkit-transition: height 2s; /* Safari and Chrome */
-o-transition: height 2s; /* Opera */
}

目的は、この DIV の高さを変更すると、スクロール (この場合は上) をアニメーション化することです。script: でこの関数を呼び出すと、 document.getElementById('map_view').style.height = '0px';すぐに消えます (アニメーション化されません)。ただし、これをコメントアウトして、JS デバッガーでまったく同じ行を呼び出すと、アニメーションが機能します。

どうしてこれなの？スクリプトで何もしない原因は何ですか?

4

2 に答える 2

0

私はjqueryを使用してこれでいくつかのコーナーをカットしたことを知っていますが、ここに私が得たものがあります:

http://jsfiddle.net/qZ6J4/7/

それを見てください。

于 2012-08-02T18:35:51.393 に答える
0

私は実際に役立つチュートリアルを見つけました: CSS3 Transitions in JavaScript . 基本的に、2 つの CSS3 クラス定義をセットアップし、jQuery の.toggleClass()関数を使用して 2 つを切り替えます。

于 2012-08-02T18:57:47.357 に答える