diff --git a/src/assets/_project/_blocks/utils/qg-quickexit.js b/src/assets/_project/_blocks/utils/qg-quickexit.js new file mode 100644 index 000000000..6f0d64e15 --- /dev/null +++ b/src/assets/_project/_blocks/utils/qg-quickexit.js @@ -0,0 +1,15 @@ +var handleQuickExit = function (e) { + var $el = $('.qg-quick-exit'); + if (document.documentElement.clientWidth > 992) { + if ($(this).scrollTop() > 200) { + $el.css({ 'position': 'fixed', 'top': '0px' }); + } + if ($(this).scrollTop() < 200) { + $el.css({ 'position': 'sticky', 'top': '0px' }); + } + } else { + $el.css({ 'position': 'fixed', 'top': 'auto' }); + } +}; +$(window).on('scroll', handleQuickExit); +window.addEventListener('resize', handleQuickExit, true); diff --git a/src/assets/_project/_blocks/utils/qg-util.js b/src/assets/_project/_blocks/utils/qg-util.js index f0dabd227..6766e5005 100644 --- a/src/assets/_project/_blocks/utils/qg-util.js +++ b/src/assets/_project/_blocks/utils/qg-util.js @@ -3,4 +3,5 @@ import './qg-ajax-call'; import './qg-load-google-api'; import './parent-width'; import './qg-datepicker'; +import './qg-quickexit'; import './qg-datatables';