点击更改固定位置

问题描述：

我有一个移动菜单，包含媒体查询和一个固定在手机上的标头。这种情况是客户希望将标题固定在顶部，但是当我尝试展开菜单项时（例如，菜单>子菜单>子菜单），它会垂直展开，但我无法滚动到底部（页面正在向后滚动，但不是菜单）。所以我想出了如何使它工作：当网站加载标题是固定的，但是当有人试图使用*菜单时，他们必须点击汉堡菜单和（这是我希望你帮助我的），以及何时他们点击汉堡包菜单上的标题应该从position:fixed到position:static，然后移动菜单就会按照我的意愿向下滚动。

这里的部位：http://centro.anden.pe

任何想法？先谢谢你。

劳驾给当前的代码示例？你的布局是什么样的？ –

事实上，我试图把网站在线和制作一个gif（来）。 –

请在此处添加有意义的代码和问题描述。请不要链接到需要修复的网站 - 否则，一旦问题得到解决，或者您链接到的网站无法访问，此问题将对未来的访问者失去任何价值。发布 [最小，完整和可验证示例（MCVE）]（https://*.com/help/mcve）演示您的问题将帮助您获得更好的答案。欲了解更多信息，请参阅 [我网站上的某些内容不起作用。我可以直接粘贴一个链接吗？]（https://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

答

你没有附带的代码，但这里的这一想法的功能例子（点击hamburguer菜单上）

$(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') 
 
     }); 
 
     
 
    
 
    });

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

<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>

谢谢米格尔。我现在要去测试它。我会让你知道它是怎么回事。 –

点击更改固定位置

相关推荐