From 7ec11ecfc447c66582e16d4e832cbfc089139e29 Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Wed, 21 Dec 2016 11:55:02 +0100 Subject: fixed ie --- public/javascripts/scrollSnap.js | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'public/javascripts/scrollSnap.js') diff --git a/public/javascripts/scrollSnap.js b/public/javascripts/scrollSnap.js index 4f71f28..ed7bbb3 100644 --- a/public/javascripts/scrollSnap.js +++ b/public/javascripts/scrollSnap.js @@ -10,8 +10,14 @@ self._nodes = { self._timeoutID = null +self._getScrollPosition = function () { + return (document.documentElement && document.documentElement.scrollTop) || + document.body.scrollTop +} + self._handleDoneScrolling = function () { - const scrollPosition = document.body.scrollTop + 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' }) @@ -22,8 +28,9 @@ self._handleScroll = function () { if (self._timeoutID != null) window.clearTimeout(self._timeoutID) self._timeoutID = window.setTimeout(self._handleDoneScrolling, 500) - const scrollPosition = document.body.scrollTop + 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 { @@ -35,7 +42,7 @@ 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` + document.body.style.marginBottom = extraPixelsNeeded + 'px' } else { document.body.style.marginBottom = null } -- cgit v1.1