off-canvas.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. $(function() {
  2. // Set the negative margin on the top menu for slide-menu pages
  3. var $selector1 = $('#menu-top-nav'),
  4. events = 'click.fndtn touchstart.fndtn';
  5. //if ($selector1.length > 0) $selector1.css("margin-top", $selector1.height() * -1);
  6. // Watch for clicks to show the sidebar
  7. var $selector2 = $('#mobile-nav-button');
  8. if ($selector2.length > 0) {
  9. $('#mobile-nav-button').on(events, function(e) {
  10. e.preventDefault();
  11. $('body').toggleClass('active');
  12. });
  13. }
  14. // // Watch for clicks to show the menu for slide-menu pages
  15. // var $selector3 = $('#menuButton');
  16. // if ($selector3.length > 0) {
  17. // $('#menuButton').on(events, function(e) {
  18. // e.preventDefault();
  19. // $('body').toggleClass('active-menu');
  20. // });
  21. // }
  22. // Adjust sidebars and sizes when resized
  23. $(window).resize(function() {
  24. $('body').removeClass('active');
  25. var $selector4 = $('#menu-top-nav');
  26. //if ($selector4.length > 0) $selector4.css("margin-top", $selector4.height() * -1);
  27. });
  28. // // Switch panels for the paneled nav on mobile
  29. // var $selector5 = $('#switchPanels');
  30. // if ($selector5.length > 0) {
  31. // $('#switchPanels dd').on(events, function(e) {
  32. // e.preventDefault();
  33. // var switchToPanel = $(this).children('a').attr('href'),
  34. // switchToIndex = $(switchToPanel).index();
  35. // $(this).toggleClass('active').siblings().removeClass('active');
  36. // $(switchToPanel).parent().css("left", (switchToIndex * (-100) + '%'));
  37. // });
  38. // }
  39. $('#nav li a').on(events, function(e) {
  40. e.preventDefault();
  41. var href = $(this).attr('href'),
  42. $target = $(href);
  43. $('html, body').animate({scrollTop : $target.offset().top}, 300);
  44. });
  45. });