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轉換不完全工作

回答

相關問題