停止滾動/多餘的空間，如果側邊欄切換

Question

我有一個奇怪的問題，當我的邊欄菜單在移動視圖中切換時出現多餘的空間 - 如下所示。

這似乎是我使用它，你可以在這裏看到該模板的問題：

實時預覽：

http://blackrockdigital.github.io/startbootstrap-simple-sidebar/

源代碼如下：

http://startbootstrap.com/template-overviews/simple-sidebar/

我試過overflow-y: hidden幾個元素無濟於事。我也嘗試調整大小html,body{}沒有運氣。我不確定是什麼導致了多餘的空間。

側欄設置爲height:100%。 background-colour停止在它應該的位置，讓我覺得這是邊欄的邊距或填充問題。也許不會。

您的幫助將會大大改變。

Answer 1

它似乎是由#wrapper中使用的填充左邊所造成的錯誤。

但這是這個動畫的一個非常奇怪的實現。

您可以通過簡單地增加位置解決這個問題：相對和更換填充左爲離開。

代碼替換：

#wrapper { 
    position:relative; 
    left: 0; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 

#wrapper.toggled { 
    left: 250px; 
} 

的實現同樣的目標更好的辦法I made an example，避免您的實施可能帶來的未來的問題。