Css转换不完全工作

嘿即时通讯寻找到我的移动第一网站平稳过渡，但身体不断跳转到位置，而不是过渡。该网站是http://868rcacs.ca/_new/Css转换不完全工作

我的JQuery

(function(){ 
    var body = $('body'); 
    $('.menu-button').bind('click', function(){ 
     body.toggleClass('menu-open'); 
     return false; 
    }); 
})();

的CSS

.menu{ 
position: fixed; 
left: -250px; 
width: 250px; 
height: 100%; 
background: #333; 
color: #fff; 
top: 0; 
padding-top: 5px; 
} 
.body{ 
position: relative; 
overflow-x: hidden; 
left: 0px; 
} 
.menu-open .menu{ 
left: 0px; 
z-index: 20; 
} 
.menu-open .menu-button { 
position: absolute; 
z-index: 20; 
} 
.menu-open .wrapper{ 
left: 0px; 
} 
.menu-open .overlay { 
position: absolute; 
top: 0; 
left: 0; 
width: 100vw; 
height: 100vh; 
background-color: rgba(0,0,0,0.3); 
} 
.menu-open, .menu{ 
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
transition: all 0.3s ease; 
} 
.login-bar { 
padding-bottom: 50px; 
}

任何人都知道为什么NAV正常移动，而身体/ .wrapper是不是？

来源

2014-02-23 CantFindIt

您的身体后面有一个页脚，并且没有关闭html标签。所以首先要解决这个问题。 – sheriffderek

这里是你的代码的半精简版的小提琴：http://jsfiddle.net/sheriffderek/RBjHt/ – sheriffderek

应用过渡到包装以及

.wrapper { 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
}

来源

2014-02-23 08:41:49

我可能是完全错误的，但在第一种情况下，尝试宣告身体没有在你的CSS点：

.body{}

应该

body{}

来源

2014-02-23 08:40:32

OP给了他的身体一类。 – sheriffderek

好的没有注意到。谢谢 –

Css转换不完全工作

回答

相关问题