web/assets/js/_src/_commons/sidebar.js

54 lines
1.3 KiB
JavaScript
Raw Normal View History

2019-09-30 15:38:41 +03:00
/**
* Expand or close the sidebar in mobile screens.
* © 2018-2019 Cotes Chung
* MIT License
*/
$(function(){
var isExpanded = false;
$("#sidebar-trigger").click(function() {
if (isExpanded == false) {
$("#sidebar").addClass("sidebar-expand");
openModal();
isExpanded = true;
}
});
$("#mask").click(function() {
$("#sidebar").removeClass("sidebar-expand");
closeModal();
isExpanded = false;
});
/**
* ModalHelper helpers resolve the modal scrolling issue on mobile devices
* https://github.com/twbs/bootstrap/issues/15852
* requires document.scrollingElement polyfill https://github.com/yangg/scrolling-element
*/
var ModalHelper = (function(bodyCls) {
var scrollTop;
return {
afterOpen: function() {
scrollTop = document.scrollingElement.scrollTop;
document.body.classList.add(bodyCls);
document.body.style.top = -scrollTop + 'px';
},
beforeClose: function() {
document.body.classList.remove(bodyCls);
// scrollTop lost after set position:fixed, restore it back.
document.scrollingElement.scrollTop = scrollTop;
document.body.style.top = '';
}
};
})('no-scroll');
function openModal() {
ModalHelper.afterOpen();
}
function closeModal() {
ModalHelper.beforeClose();
}
});