rytm-webflow 1.1.4 → 1.1.5

package/README.md

@@ -154,6 +154,7 @@ RytmWebflow.aswap.init({
 | ```refreshOnSameUrl``` | ```true``` | When ```true``` each request on same URL will refresh browser's window |
 | ```routes``` | ```{}``` | The routes object where you can define controllers and views |
 | ```swapSelector``` | ```'#stage'``` | ASwap wrapper selector |
+| ```defaultDocumentScrollBehavior``` | ```'smooth'``` | Default document scroll behaviour |
 | ```trace``` | ```(message) => {}``` | A function to log stuff, eg in console |
 
 ### Controller class

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rytm-webflow",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "rytm webflow pack - ASwap, ShowUp",
   "main": "scripts/index.js",
   "scripts": {

package/scripts/aswap/ASwap.js

@@ -25,6 +25,7 @@ class ASwap {
       refreshOnSameUrl: true, // refresh window if same URL is requested
       routes: {},
       swapSelector: '#stage', // swap wrapper selector
+      defaultDocumentScrollBehavior: 'smooth',
       trace: () => {}, // a function to trace progress in console
     }
     // public events

package/scripts/aswap/ASwapDispatcher.js

@@ -231,8 +231,16 @@ class ASwapDispatcher extends EventDispatcher {
   * scroll back up
   **/
   resetScrollPosition() {
-    // $("html, body").animate({ scrollTop: "0" }, 300);
-    $("html, body").scrollTop(0);
+    // set scrollBehavior to auto
+    document.documentElement.style.scrollBehavior = 'auto';
+    // scroll without animation
+    setTimeout(() => {
+      window.scrollTo(0, 0)
+    }, 5)
+    // set scrollBehavior to it's default value
+    setTimeout(() => {
+      document.documentElement.style.scrollBehavior = this.defaultDocumentScrollBehavior ? this.defaultDocumentScrollBehavior : 'smooth';
+    }, 5)
   }
   /**
    * Preload URL