所有網頁設計都是反應良好的。有一個固定標題,正文容器和左側菜單。當圖標點擊頂部菜單時,會有左側菜單打開到身體容器上。左側面板滾動
有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;
有沒有可以看到網站的網址? – techfoobar
你可以爲這個創建一個jsfiddle嗎? –
[鏈接](http://teknovole.com/testsite)但克里斯納和羅納德的解決方案解決了這個問題,謝謝... – Brainiac