javascript - jquery .animate() 滑动问题

Question

滑动是从中心开始的，因为我给定了 width:100%;左:50%； .

幻灯片从左到右，但我希望它从右到左开始。我怀疑这是一个 CSS 问题。我尝试更改 CSS 但无济于事。请有人找出错误并帮助我继续。谢谢

FIDDLE

CSS 代码:

.sidebar_list
{
float:left;
display: none;
position: fixed;
width:100%;
top: 57px;
bottom: 0px;
left: 50%;
right: 0px;
overflow: hidden;
line-height: 2em;
border-left: 1px solid black;
border-bottom: 1px solid black;
padding: 10px;
height: 100%;
color: #ffffff;
background: #33B5E5;
}



 $(".logo").click(function()
    {
        $(".sidebar_list").animate({
                    width: 'toggle'
                }, 200)
                });

Answer 1

从您的 css 中删除 left:50%。有效

Working fiddle