jQuery .animate（）和css與固定元素的位置

Question

我很努力想出一種方法來獲得這個工作，所以尋找一些幫助。

我有一個屏幕外的固定側導航菜單。我正在尋找從屏幕到屏幕上特定位置的動畫。此外，根據屏幕尺寸的不同，它需要移動的數量（即水槽更改尺寸）。所以，我需要將它移動到相對於容器div的特定位置（保持居中在屏幕上）。

最好的方法是什麼？任何幫助表示讚賞。謝謝！

Answer 1

我不知道我完全理解你在找什麼，但繼承人小提琴，我認爲是你在找什麼：

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; 
} 

的Jquery：

$('button').click(function(){ 
    $('#sidebar').animate({ 
     left: 0 //This value of 0 is how far you want the sidebar to animate. 
    }); 
});