點擊更改固定位置

-1

我有一個移動菜單，包含媒體查詢和一個固定在手機上的標頭。這種情況是客戶希望將標題固定在頂部，但是當我嘗試展開菜單項時（例如，菜單>子菜單>子菜單），它會垂直展開，但我無法滾動到底部（頁面正在向後滾動，但不是菜單）。所以我想出瞭如何使它工作：當網站加載標題是固定的，但是當有人試圖使用頂級菜單時，他們必須點擊漢堡菜單和（這是我希望你幫助我的），以及何時他們點擊漢堡包菜單上的標題應該從position:fixed到position:static，然後移動菜單就會按照我的意願向下滾動。

這裏的部位：http://centro.anden.pe

任何想法？先謝謝你。

來源

2017-06-05 Robhert Pimentel

勞駕給當前的代碼示例？你的佈局是什麼樣的？ –

事實上，我試圖把網站在線和製作一個gif（來）。 –

請在此處添加有意義的代碼和問題描述。請不要鏈接到需要修復的網站 - 否則，一旦問題得到解決，或者您鏈接到的網站無法訪問，此問題將對未來的訪問者失去任何價值。發佈 [最小，完整和可驗證示例（MCVE）]（https://stackoverflow.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>

來源

2017-06-05 17:22:41

謝謝米格爾。我現在要去測試它。我會讓你知道它是怎麼回事。 –

點擊更改固定位置

回答

相關問題