jquery .animate()滑动问题

时间:2014-03-25 07:36:27

标签: javascript jquery html css css3

滑动来自中心,因为我已经给出了width:100%; left: 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)
                });

1 个答案:

答案 0 :(得分:1)

从您的CSS中删除left:50%。它的工作原理

Working fiddle