0

jQueryアニメーションの問題が発生しています...

その上に非表示のdivが付いたフッターがあります。誰かがヘッダーの近くのボタンをクリックすると、divはUPをアニメーション化する必要があります。引き出しからマニラフォルダーを引き出しているように、上にスライドするようなものです。（divの下部が上部にスライドする通常のスライドアップではありません。）

私が欲しいものの一種であるこのコードを見つけました、しかし、それはベースライン（フッター）を動かしています。

.featureBox{width:182px;
    height:150px;
    position:relative;
    border:1px solid red;
}

$('.featureBox').hover(function()  {
    $(this).animate({top:'-320px', height:'540px'},"slow");
},
function() {
    $(this).animate({top:'0px', height:'150px'},"slow");
})

赤いdivボックスにマウスを合わせると、その下のdivが押し下げられていることがわかります。どうすればそれをただアニメートまたは成長させることができますか？（彼-彼。ごめんなさい。お母さんが私に怒鳴っていると思っただけです）。

4

2 に答える 2

1

これが私が望むように機能しているページです。主な問題は、拡張するdivが高さのあるdivの内側にある必要があることだと思います。 これは、展開時に他のコンテンツをカバーする展開divのあるページです。

この種のトリックの良い例については、 WordpressSexybookmarksプラグインのコードを確認してください。

于 2009-10-30T03:30:31.843 に答える
0

私はあなたの修正がこれらの2つのことの1つであると推測しています：

  1. 位置の変更：位置に対して相対：絶対
  2. 実際に.featureBoxを移動するのではなく、.featureBox内の別の要素（おそらくDIV）を移動する必要があります。
于 2009-10-30T02:07:42.530 に答える