Javascript使侧边栏“滚动”到页面,直到其底部边缘打到页脚

Javascript使侧边栏“滚动”到页面,直到其底部边缘打到页脚。 关键是我有这个侧边栏应该与页面一起滚动并在它的底部边缘撞到页脚的顶部边缘时停止 – 在此之后它应该默认行为(再次是静态的),这可以在这里看到: http: //zakuvavanje.rs/ 。 这个问题类似于这个jQuery滚动DIV:当DIV到达页脚时停止滚动 ,我不想问这个问题,但是我不知道如何实现它,脚本应该放到我放的地方

console.log('now the script should start'); 

PS问题是针对较小的屏幕,请将视口设置为1366×768或更低以查看问题。 这是我脚本的pastebin: http : //pastebin.com/8anjKR1d ,这里的脚本相同:

 //"fixed" sidebar function scrollingAside() { var $aside = $('.aside'), asideH = $aside.outerHeight(), asideTop = $aside.offset().top, docH = $(document).height(), asideOfsB = docH - asideTop - asideH, footerH = $('.footer').outerHeight(), wScrollTop = $(window).scrollTop(), wHeight = $(window).height(), scrollBtm = docH - wScrollTop - wHeight; function stopAsideScroll() { if ( asideOfsB  840 ) { if( wScrollTop > 376 ) { $aside.css({ 'transform' : 'translateY('+ (wScrollTop - 376) +'px)' }); //stop scrolling if it reaches footer stopAsideScroll(); } else { $aside.css({ 'transform' : 'translateY(0)' }); } //if screen is smaller disable } else { $aside.css({ 'transform' : 'translateY(0)' }); } } //scr aside 

在此先感谢为我修复此问题的人! 🙂