Question

为移动设备创建一个html页面，菜单栏上会显示部分内容。

只有菜单栏上显示的底部内容如何避免？

并且我想要在单击菜单按钮时禁用滚动条＆amp;使用Mobile触摸内容时启用。我尝试下面的代码，但它的disabliling但不启用滚动条时，在移动设备上点击内容屏幕:(

我的Javascript：

 $(document).ready(function() {
    scrollTopPos = $( document ).scrollTop();
    allowScrolling = true;

    $(document).scroll(function() {
        if(allowScrolling === false) {
            $( document ).scrollTop( scrollTopPos );
        } else {

        }
    });

    $( "#mobile-toggle" ).click(function() {
         $('body,html').css('overflow', 'hidden');   
        $("#divCls").css('display','None')      
    });

   $(document).on('touchmove', function(e) {
        e.preventDefault();
        showDiv()
    });   
});
function showDiv() {
   document.getElementById('divCls').style.display = "block";
}

Answer 1

没有完整的代码很难分辨，但就保持菜单位于前面而言，您可以使用CSS来查看DIV的Z-index。在滚动方面，在JavaScript中添加CSS规则触发器以将Overflow设置为Hidden，然后在单击关闭按钮时将其设置为滚动。

此外，如果只有部分溢出然后厌倦了页面大小，如果您使用隐藏在侧面的菜单中的幻灯片然后将整个页面滑动，那么移动用户可以将其滑动关闭但是打开按钮将无法工作，除非你再次使用jquery滑动功能，z索引和脚本的一些涂鸦使菜单坐在页面上将解决这个问题。再次，更多的脚本将是方便的：P

内容与菜单重叠

1 个答案: