primary-navigation.js 810 B

123456789101112131415161718192021222324252627282930313233343536
  1. /**
  2. * File primary-navigation.js.
  3. *
  4. * This files only gets added to themes that support the mobile nav on side
  5. */
  6. ( function() {
  7. /**
  8. * Menu Toggle Behaviors
  9. *
  10. * @param {Element} element
  11. */
  12. var navMenu = function ( buttonId, inputId ) {
  13. var wrapper = document.body;
  14. var toggleButton = document.getElementById( buttonId );
  15. var toggleInput = document.getElementById( inputId );
  16. if ( toggleButton ) {
  17. toggleButton.onclick = function() {
  18. if ( true == toggleInput.checked ) {
  19. wrapper.classList.remove( 'lock-scrolling' );
  20. } else {
  21. wrapper.classList.add( 'lock-scrolling' );
  22. }
  23. toggleButton.focus();
  24. }
  25. }
  26. }
  27. window.addEventListener( 'load', function() {
  28. navMenu( 'toggle-menu', 'toggle' );
  29. navMenu( 'toggle-cart', 'woocommerce-toggle' );
  30. } );
  31. } )();