let hdH = 88; let leftBoxH = $(".sl-content-sidebar").outerHeight(); let gapVal = 12; let navBoxTop = $('.sl-top-gap').offset().top; function navRoll(leftBoxH) { let footerTop = $('#Footer').offset().top; let winRollTop = $(document).scrollTop(); let bottomTop = $(".ftr-contactway").offset().top; let footerH = $('#Footer').outerHeight(); let rightBoxH = $(".sl-aside-box").outerHeight(); console.log(navBoxTop,winRollTop + hdH) if(navBoxTop <= winRollTop + hdH) { $(".sl-top-gap").addClass("is-fixed").css({"top": hdH,"height": "12"}); $(".parting-line").addClass("is-fixed").css({"top": hdH + gapVal}); if(winRollTop + leftBoxH >= bottomTop) { $(".sl-content-sidebar").removeClass("is-fixed").css({"position":"absolute","top": footerTop - leftBoxH}); }else { $(".sl-content-sidebar").addClass("is-fixed").css({"position":"","top": hdH + gapVal}); } if(footerH > footerTop - winRollTop) { $(".sl-aside-box").removeClass("is-fixed").css({"position":"absolute","top": footerTop - rightBoxH}); }else { $(".sl-aside-box").addClass("is-fixed").css({"position":"","top": hdH + gapVal}); } }else { $(".sl-aside-box").removeClass("is-fixed").css({"top": ""}); $(".sl-top-gap").removeClass("is-fixed").css({"top": "","height": ""}); $(".parting-line").removeClass("is-fixed").css({"top": ""}); $(".sl-content-sidebar").removeClass("is-fixed").css({"top": ""}); } } $(function() { $(window).scroll(function () { navRoll(leftBoxH); }); // back to top $(".btn-back-top").on("click",function() { $("body,html").animate({ scrollTop: 0 }) }) });