2013-10-25 171 views
0

所有網頁設計都是反應良好的。有一個固定標題,正文容器和左側菜單。當圖標點擊頂部菜單時,會有左側菜單打開到身體容器上。左側面板滾動

有2問題:

  1. 在左側菜單中,我不能垂直滾動。
  2. 嘗試滾動時,正在滾動。

我的CSS:

body { 
color:#000; 
background-color:#ffffff; 
max-width: 99.2%; 
margin: 0; 
} 

#container 
{ 
font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif; 
width: 99.2%; 
margin: 0; 
background: #FFF; 
padding: 2em 0.5em; 
} 

.leftmenu 
{ 
display: none; 
min-width: 30%; 
max-width: 90%; 
background: #262626; 
z-index: 999; 
min-height: 200em; 
color: #ffffff; 
position: fixed; 
overflow: scroll; 
overflow-x: hidden; 
} 
.leftmenuContainer 
{ 
margin-left: 0.5em; 
width: 95%; 
} 

JQuery的開放功能:

$(".menuIcon").click(function() { 
     $('.leftmenu').toggle("slide"); 
     }); 

謝謝...

編輯:如果有人有相同的問題,解決辦法如下。但有一點令人不安的是,在iOS上,在滾動結束後,父對象(此代碼中的#container)開始再次滾動。爲了避免這種情況,加入這一行.leftmenu:

-webkit-overflow-scrolling: touch; 
+0

有沒有可以看到網站的網址? – techfoobar

+2

你可以爲這個創建一個jsfiddle嗎? –

+0

[鏈接](http://teknovole.com/testsite)但克里斯納和羅納德的解決方案解決了這個問題,謝謝... – Brainiac

回答

5

你應該給.leftmenu高度或最大高度並設置溢出汽車。

+0

謝謝,這解決了這個問題。 – Brainiac

1

嘗試設置高度爲100%.leftmenu

+0

謝謝克裏希納,你的解決方案也解決了這個問題,但我給了羅納德檢查,因爲在你面前給出了正確的答案。我認爲這是公平的判斷。 – Brainiac