_header_js_toolbar.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <script type="text/javascript" language="javascript">
  2. var iToolbarSubmenuTopOffset = -2;
  3. function checkMQ() {
  4. //check if mobile or desktop device
  5. return window.getComputedStyle(document.querySelector('.cd-main-content'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");
  6. }
  7. $(document).ready(function () {
  8. var mq = checkMQ();
  9. if(mq == 'mobile') {
  10. // hide toolbar on scrolldown, show - on scroll up
  11. new Headroom($('#bx-toolbar').get(0), {
  12. tolerance: {
  13. down: 10,
  14. up: 20
  15. },
  16. offset: 200,
  17. classes: {
  18. initial: "bx-toolbar-anim",
  19. pinned: "bx-toolbar-reset",
  20. unpinned: "bx-toolbar-up"
  21. },
  22. onUnpin: function() {
  23. bx_menu_slide_close_all_opened();
  24. }
  25. }).init();
  26. //process submenu in top menu
  27. $('.bx-menu-floating-blocks-big:visible > li:has(.bx-sliding-smenu-submenu) > a').bind('click', function() {
  28. var sActive = 'bx-sliding-smenu-tab-active';
  29. $(this).parents('.bx-menu-floating-blocks-big:visible:first').find('li.' + sActive).removeClass(sActive);
  30. $(this).parent('li:first').toggleClass(sActive);
  31. return false;
  32. });
  33. }
  34. });
  35. </script>