0

リンクがクリックされたときにdivを特定のポイントに移動し、ユーザーがメインページに戻ったときに元のポイントに戻ろうとしています。

サイト構造はメインページであり、クリックしたリンクに基づいて非表示/表示されるいくつかの非表示のdivが続きます。

基本的に、divをアニメーション化して、特定の位置にスムーズに移動するにはどうすればよいですか？

私はこれを使用してみました（.animate（）はbackgroundプロパティでのみ使用したため、使用方法が正確にはわかりませんが、これでうまくいくと思いました）：

var btns = $('#navbuttons');

btns.animate({
    bottom: 50
});

これを使用したとき、要素を下から50ピクセル移動しようとしましたが、機能しませんでした。私は少しの間animate関数をいじりましたが、構文エラーしか発生しませんでした（私は-=50pxそのようなものを使ってみました）。

また、animate関数内でcss関数を使用してみましたが、それでも機能しませんでした。

更新：両方の回答の提案を試しましたが、機能させることができません。関連するコードをここに貼り付けました。

4

2 に答える 2

2

divを下に移動するには50px、これが機能するはずです。

btns.animate({
    top: '+=50px'
});

ただし、おそらく最初に相対位置を設定する必要があります（CSSの場合）。

​#navbuttons {
    position: relative;
}​

例： http： //jsfiddle.net/grc4/XUdt9/

于 2012-09-12T11:37:18.090 に答える
1

あなたはかなり近いです。値を引用符で囲み、ピクセルを追加するだけです。

btns.animate({
   bottom: '50px'
});

おそらく、Divの位置が指定されていることも確認する必要があります。絶対に配置または固定しないと、[下|上|左|右]は効果がありません。

したがって、CSSでは必ず確認してください

#navButtons{
   position: absolute;
}

また

#navButtons{
   position: fixed;
}
于 2012-09-12T11:33:58.077 に答える