Question

我要尝试说清楚：

我有一个移动菜单，其中包含媒体查询和固定在移动设备上的标题。情况是客户希望标题（带徽标）固定在顶部，但是当我尝试展开菜单项（如菜单＆gt; SubMenu＆gt;子菜单）时，它会垂直展开但我无法滚动到底部（页面滚动）在它背后，但不是菜单）。所以我想出了如何让它工作：当网站加载标题是固定的，但当有人试图使用顶级菜单时，他们必须点击汉堡包菜单（这是我希望你帮助我），当他们点击了标题应该从position:fixed传递到position:static的汉堡菜单，然后移动菜单会根据需要向下滚动。

此处网站：http://centro.anden.pe

有什么想法吗？提前谢谢。

Answer 1

您没有附加代码，但这是该想法的功能示例（点击hamburguer菜单）

＆＃13;

$(document).ready(function() {
    
      $("#hamburguer_menu").on("click", function() {
        $("#change-div-if-click").css("background-color", "yellow")
        $("#change-div-if-click").css("position", "static")
        alert ('now the position is static')
      });
      
    
    });

＆＃13;

#hamburguer_menu {
      height: 60px;
      width: 60px;
      background-color: yellow;
    }
    
    #change-div-if-click {
      background-color: teal;
    }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    
    <body>
    
    <div id="hamburguer_menu">
      <img src="https://www.iconfinder.com/data/icons/tupix-1/30/list-512.png" / height="60px" width="60px">
    </div>
    
    <div id="change-div-if-click">
      <p>Change when clicked</p>
    </div>
    
    
    </body>
    
    </html>

＆＃13;

点击更改固定位置

1 个答案: