Aprire il cassetto di navigazione su scorrimento (Material Design Lite)

Question

Sto utilizzando Material Design Lite per creare un'interfaccia utente per un'applicazione in una visualizzazione Web, tuttavia ho riscontrato un problema in cui non è possibile distribuire il cassetto di navigazione sullo scorrimento.

Sto usando questo codice jQuery per riconoscere l'evento colpo

$(function() {  
     $("#test").swipe({ 
     //Generic swipe handler for all directions 
     swipeRight:function(event, direction, distance, duration, fingerCount) { 
      $(this).text("Event Triggered"); 
     }, 
     }); 
    }); 

Da qui io non sono sicuro di come aprire il cassetto di navigazione. Preferirei avere l'intero schermo "scorrevole" in particolare il bordo sinistro. Come posso aprire la barra di navigazione quando questo gestore di scorrimento viene attivato?

Answer 1

Stavo cercando di aggiungere questo effetto nel demo material design lite, http://www.getmdl.io/templates/dashboard/index.html. Quindi la soluzione che ho trovato è stata quella di simulare l'evento click del pulsante dell'hamburger, attraverso la classe "mdl-layout__drawer-button" che è generata dal materiale di design lite.

$(function() {  
    $("#test").swipe({ 
     //Generic swipe handler for all directions 
     swipeRight:function(event, direction, distance, duration, fingerCount) { 
      $(".mdl-layout__drawer-button").click();       
     }, 
    }); 
}); 

Answer 2

per aprire/chiudere sidenav document.querySelector('.mdl-layout').MaterialLayout.toggleDrawer();