vycoder
diff --git a/‎lib/vue-animate-onscroll.cjs.js
Lines changed: 1 addition & 1 deletion b/‎lib/vue-animate-onscroll.cjs.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎lib/vue-animate-onscroll.es.js
Lines changed: 1 addition & 1 deletion b/‎lib/vue-animate-onscroll.es.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/index.js
Lines changed: 6 additions & 7 deletions b/‎src/index.js
Lines changed: 6 additions & 7 deletions
diff --git a/‎src/scroll-animate.js
Lines changed: 1 addition & 4 deletions b/‎src/scroll-animate.js
Lines changed: 1 addition & 4 deletions
@@ -3,18 +3,17 @@ import ScrollAnimate from './scroll-animate'
 export default {
   ScrollAnimate,
   install(Vue) {
-    let scrollAnimate;
     Vue.directive('animate-onscroll', {
-      bind(el, binding) {
-        scrollAnimate = ScrollAnimate()
-      },
       inserted(el, binding) {
+        const scrollAnimate = ScrollAnimate(Date.now())
         const previousClassName = el.className
+        let lastScrollTop = window.pageYOffset
         window.addEventListener('scroll', function() {
-          const isUpwards = this.oldScroll > this.scrollY
+          let scrollTop = window.pageYOffset || document.documentElement.scrollTop
+          const isUpwards = scrollTop < lastScrollTop
           scrollAnimate.run(el, binding, {isUpwards, previousClassName})
-          this.oldScroll = this.scrollY
-        })
+          lastScrollTop = scrollTop <= 0 ? 0 : scrollTop
+        }, false)
       }
     })
   }
 
@@ -13,7 +13,7 @@ export default () => {
   const shouldResetAnimation = ({params, isUpwards, repeat}) => repeat &&
                                     (isUpwards && params.down || !isUpwards && params.up)
 
-  const applyAnimationClass = (el, current, newClass = '') => el.className = `${current} ${newClass}`
+  const applyAnimationClass = (el, current, newClass = '') => el.className = `${current} ${newClass}`.trim()
 
   return {
     isInView: isInScrollView,
@@ -45,6 +45,3 @@ export default () => {
   }
 
 }
-
-
-
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ export default () => {`
`13`	`13`	`const shouldResetAnimation = ({params, isUpwards, repeat}) => repeat &&`
`14`	`14`	`(isUpwards && params.down \|\| !isUpwards && params.up)`
`15`	`15`
`16`		- const applyAnimationClass = (el, current, newClass = '') => el.className = `${current} ${newClass}`
	`16`	+ const applyAnimationClass = (el, current, newClass = '') => el.className = `${current} ${newClass}`.trim()
`17`	`17`
`18`	`18`	`return {`
`19`	`19`	`isInView: isInScrollView,`
`@@ -45,6 +45,3 @@ export default () => {`
`45`	`45`	`}`
`46`	`46`
`47`	`47`	`}`
`48`		`-`
`49`		`-`
`50`		`-`