2016-07-06 81 views
1

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

enter image description here

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

實時預覽:

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

源代碼如下:

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

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

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

您的幫助將會大大改變。

回答

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,避免您的實施可能帶來的未來的問題。