var hmbgButton = $('.hmbg-btn'); var contentWrapper = $('#content-wrapper'); var sidebarWrapper = $('#sidebar-wrapper'); var closeButton = $('.btn-close-background'); function fToggleSidebar(){ contentWrapper.toggleClass('site-transform'); hmbgButton.toggleClass('hide-hmbg'); closeButton.toggleClass('show-close'); sidebarWrapper.toggleClass('sidebar-site-tran'); } (function() { var throttle = function(type, name, obj) { obj = obj || window; var running = false; var func = function() { if (running) { return; } running = true; requestAnimationFrame(function() { obj.dispatchEvent(new CustomEvent(name)); running = false; }); }; obj.addEventListener(type, func); }; /* init - you can init any event */ throttle("resize", "optimizedResize"); })(); $sidebarTopText = $(".sidebar-top-text"); $sidebarMiddleText = $(".sidebar-middle-text"); $sidebarBottomText = $(".sidebar-bottom-text"); // handle event window.addEventListener("optimizedResize", function() { if($sidebarTopText.offset().top+$sidebarTopText.outerHeight() > $sidebarBottomText.offset().top) { $sidebarMiddleText.css("top","auto"); $sidebarMiddleText.css("position","relative"); $sidebarMiddleText.css("transform","none"); } if($sidebarMiddleText.offset().top+$sidebarMiddleText.outerHeight() > $sidebarBottomText.offset().top) { $sidebarBottomText.css("position","relative"); } }); $(window).load(function(){ if($sidebarTopText.offset().top+$sidebarTopText.outerHeight() > $sidebarMiddleText.offset().top) { $sidebarMiddleText.css("top","auto"); $sidebarMiddleText.css("position","relative"); $sidebarMiddleText.css("transform","none"); } if($sidebarMiddleText.offset().top+$sidebarMiddleText.outerHeight() > $sidebarBottomText.offset().top) { $sidebarBottomText.css("position","relative"); } else { $sidebarBottomText.css("display","block"); } });