Merge pull request #1 from KefirNot/master

WBS-2116 scroll for elementId implemented

Author: lamo2k123

src/main.js

@@ -1,36 +1,52 @@
 const storage = [];
 
-module.exports = ({ history, reset = true, limit = 20 }) => ({
-    start: () => {
-        if(history.action === 'PUSH') {
-            storage.push([
-                window.scrollX,
-                window.scrollY
-            ]);
+module.exports = ({ history, elementId, reset = true, limit = 20 }) => {
+    const $el = elementId ? document.getElementById(elementId) : window;
+    
+    return {
+        start: () => {
+            if(history.action === 'PUSH') {
+                if($el) {
+                    if(elementId) {
+                        storage.push([
+                            $el.scrollLeft,
+                            $el.scrollTop
+                        ]);
+                    } else {
+                        storage.push([
+                            $el.scrollX,
+                            $el.scrollY
+                        ]);
+                    }
+                }
 
-            if(storage.length > limit) {
-                delete storage.shift();
+                if(storage.length > limit) {
+                    delete storage.shift();
+                }
             }
-        }
-    },
-    render: () => {
-        const { location } = history;
-        const state = location.state || {};
-        const { resetScroll,  resetOnAction = 'PUSH'} = state;
-        let position = [0, 0];
+        },
+        render: () => {
+            const { location } = history;
+            const state = location.state || {};
+            const { resetScroll,  resetOnAction = 'PUSH'} = state;
+            let position = [0, 0];
 
-        switch (history.action) {
-            case 'POP':
-                if(storage.length && !(resetScroll && resetOnAction === 'POP')) {
-                    position = storage.pop();
-                }
-                window.scrollTo(...position);
-                break;
-            case 'PUSH':
-                if(reset || (resetScroll && resetOnAction === 'PUSH')) {
-                    window.scrollTo(...position);
-                }
-                break;
+            switch (history.action) {
+                case 'POP':
+                    if(storage.length && !(resetScroll && resetOnAction === 'POP')) {
+                        position = storage.pop();
+                    }
+
+                    $el && $el.scrollTo(...position);
+
+                    break;
+                case 'PUSH':
+                    if(reset || (resetScroll && resetOnAction === 'PUSH')) {
+                        $el && $el.scrollTo(...position);
+                    }
+
+                    break;
+            }
         }
-    }
-});
+    };
+};