我创建了一个水平下拉式全屏菜单,当有溢出时(下拉切换)可以滚动它。但不幸的是我遇到了一个大问题。(此菜单适用于平板电脑。)问题出在那里当你去平板电脑并打开菜单时,它总是切掉最后一个li元素的下半部分。我在叠加层中创建了一个新的div,其中我将放置我的另一个菜单,这里是我的意思的图片This如果你去平板电脑并切换它,它将削减最后一个Li元素的底部和所有新的div.Here是我的CSS和HTML:
/******************************************
Tablet Menu Style
*******************************************/
.tablet-menu{
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
opacity:0.7;
z-index:1001;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.tablet-menu.show{
display:block;
}
.tablet-menu-scroll{
overflow:scroll;
height:100%;
width:100%;
}

<div class="tablet-menu">
<ul class="tablet-menu-scroll">
<!-- php code for calling menu-->
<div class="overlay-lang-menu"></div>
</ul>
</div>
&#13;
我认为这就是你们需要的所有代码(我不想把所有代码都贴上去浪费更多的时间)如果有什么需要了解的话,请问。