Question

我正在创建我的页面的移动版本，我已经插入了一个新的iPhone，如导航，它几乎正常工作，但背景html元素仍然显示在它不应该的地方。

有人可以看看并尝试帮助我吗？目的是首先应该隐藏菜单链接，打开之后应该看到它，再次关闭之后不应该看到它。直观地，一旦你看到页面，你就能理解我的问题。

Answer 1

也许，在menucss.css中，您可以将z-index的{{1}}设置为-1？

Answer 2

在iphonemenu.js文件中，更改以下内容，添加变量以处理menu_cose的动画：

$(document).ready(function(){
    var menuclose = $("menu_close");
    var pagebody = $("#pagebody");
    var themenu  = $("#navmenu");
    var topbar   = $("#toolbarnav");
    var content  = $("#content");
    var viewport = {
        width  : $(window).width(),
        height : $(window).height()
    };
    // retrieve variables as 
    // viewport.width / viewport.height

    function openme() { 
        $(function () {

            topbar.animate({
               left: "290px"
            }, { duration: 300, queue: false });
            pagebody.animate({
               left: "200px"
            }, { duration: 300, queue: false });
                menuclose.animate({
                   left:"0px"
                },{duration:300, queue:false});
        });
    }

    function closeme() {
        var closeme = $(function() {
            topbar.animate({
                left: "0px"
            }, { duration: 180, queue: false });
            pagebody.animate({
                left: "-90px"
            }, { duration: 180, queue: false });
            menuclose.animate({
                left:"-90px"
            },{duration:180,queue:false});
        });
    }

js动态改变css，

2 个答案: