2

これを機能させる方法を考え出すのに苦労しているので、助けを探しています。

画面外の固定サイド ナビゲーション メニューがあります。画面外から画面上の特定の位置までアニメーション化することを検討しています。さらに、画面サイズに応じて移動する必要がある量が変わります (つまり、ガターのサイズが変わります)。そのため、コンテナー div (画面の中央に配置されたまま) に対して相対的な特定の位置に移動する必要があります。

これに対する最善のアプローチは何でしょうか？どんな助けでも大歓迎です。ありがとう！

4

1 に答える 1

3

あなたが探しているものを完全に理解しているかどうかはわかりませんが、あなたが探しているのはフィドルだと思います：

http://jsfiddle.net/phoffman/vyaHH/5/

サイドバー div をアニメーション化して、コンテナー div 内にあることを確認する必要があり、その CSS 位置は「相対」に設定されています。

HTML:

 <div class="container">
     <div id="sidebar"> <p>This is a sidebar</p> </div>
 </div>

CSS:

#sidebar{
    position:relative;
}

Jクエリ:

$('button').click(function(){
    $('#sidebar').animate({
        left: 0 //This value of 0 is how far you want the sidebar to animate.
    });
});
于 2012-10-30T21:22:35.567 に答える