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

Question

我正在努力想出一个方法来让这个工作，所以寻求一些帮助。

我有一个屏幕外的固定侧面导航菜单。我希望从屏幕上显示屏幕上的特定位置。另外，它需要移动的量取决于屏幕尺寸（即沟槽改变尺寸）。所以，我需要将它移动到相对于容器div的特定位置（它仍然在屏幕上居中）。

最好的方法是什么？任何帮助表示赞赏。谢谢！

Answer 1

我不确定我是否完全明白你在寻找什么，但我认为这是你正在寻找的小提琴：

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

您需要为侧边栏div设置动画，确保它位于容器div中，并且其CSS位置设置为“relative”。

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