require('smoothscroll-polyfill').polyfill() const self = {} const schedule = require('./schedule') self._nodes = { search: document.querySelector('#search'), weekSelector: document.querySelector('#week-selector') } self._timeoutID = null self._getScrollPosition = function () { return (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop } self._handleDoneScrolling = function () { console.log('done scrolling') const scrollPosition = self._getScrollPosition() const weekSelectorHeight = self._nodes.weekSelector.clientHeight - self._nodes.search.clientHeight if (scrollPosition < weekSelectorHeight && scrollPosition > 0) { window.scroll({ top: weekSelectorHeight, left: 0, behavior: 'smooth' }) } } self._handleScroll = function () { if (self._timeoutID != null) window.clearTimeout(self._timeoutID) self._timeoutID = window.setTimeout(self._handleDoneScrolling, 500) const scrollPosition = self._getScrollPosition() const weekSelectorHeight = self._nodes.weekSelector.clientHeight - self._nodes.search.clientHeight console.log(scrollPosition, weekSelectorHeight) if (scrollPosition >= weekSelectorHeight) { document.body.classList.add('week-selector-not-visible') } else { document.body.classList.remove('week-selector-not-visible') } } self._handleWindowResize = function () { const weekSelectorHeight = self._nodes.weekSelector.clientHeight - self._nodes.search.clientHeight const extraPixelsNeeded = weekSelectorHeight - (document.body.clientHeight - window.innerHeight) if (extraPixelsNeeded > 0) { document.body.style.marginBottom = extraPixelsNeeded + 'px' } else { document.body.style.marginBottom = null } } self.startListening = function () { window.addEventListener('scroll', self._handleScroll) } schedule.on('load', self._handleWindowResize) window.addEventListener('resize', self._handleWindowResize) module.exports = self