Merge pull request #20 from thierryc/scroll-debounce-v2

new debounce srcoll.

example/src/components/slides/Slide1.js

@@ -24,7 +24,7 @@ const Slide1 = () => (
         marginTop: '0.3em',
         marginBottom: '0.4em',
       }}>Create Fullscreen Scrolling Websites</h2>
-      <p>Version 0.1.6-alpha</p>
+      <p>Version 0.1.7-alpha</p>
     </div>
   </FullpageSection>
 );

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ap.cx/react-fullpage",
-  "version": "0.1.6-alpha",
+  "version": "0.1.7-alpha",
   "description": "Create Beautiful Fullscreen Scrolling Websites",
   "author": "thierryc",
   "license": "MIT",

src/Fullpage.jsx

@@ -119,22 +119,21 @@ class Fullpage extends PureComponent {
       window.requestAnimationFrame(() => {
         const { resetScroll, translateY, debounceScroll } = this.state;
         // resetScroll or prevent scroll for debounceScroll
-        if (resetScroll || debounceScroll) {
+        if (resetScroll) {
           window.scrollTo(0, translateY * -1);
         }
 
+        const pageYOffset = window.pageYOffset || 0;
+        this.setState({
+          pageYOffset,
+          resetScroll: false,
+        });
+
         if (!debounceScroll) {
-          const pageYOffset = window.pageYOffset || 0;
           const newSlide = this.slides.find((slide) => {
             const el = slide.el.current;
             return pageYOffset < el.offsetTop + (el.offsetHeight * 0.5);
           });
-
-          this.setState({
-            pageYOffset,
-            resetScroll: false,
-          });
-
           this.goto(newSlide);
         }
 
@@ -226,7 +225,10 @@ class Fullpage extends PureComponent {
         debounceScroll: true,
       });
 
-      setTimeout(() => this.setState({ debounceScroll: false }), transitionTiming);
+      setTimeout(() => this.setState({
+        debounceScroll: false,
+        resetScroll:  true,
+      }), 700);
 
 
       const { onShow } = newSlide.props;