======HOW TO - Off-Canvas Menu====== * description : How TO - Off-Canvas Menu * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 \\ ====Ref==== [[https://www.w3schools.com/howto/howto_js_off-canvas.asp|How TO - Off-Canvas Mnu]]\\ =====Create an Off-Canvas Menu===== ====예제==== Step 1) Add %%HTML%%


    
        ×
        About
        Services
        Clients
        Contact
    
    
        Sidenav Push Example
        Click on the element below to open the side navigation menu, and push this content to the right.
        ☰ open

====예제==== Step 2) Add %%CSS%%\\

====예제==== StEP 3) Add %%JavaScript%%\\ Off-Canvas Menu\\





    
        ×
        About
        Services
        Clients
        Contact
    
    
        Sidenav Push Example
        
            Click on the element below to open the side navigation menu, and push this content to the right. 

            Notice that we add a black see-through background-color to body when the sidenav is opened.
        
        ☰ open