💄 Site > Code > Hide scrollbar

2017-09-03 21:29:42 +02:00
parent d9a977cff6
commit b1dc8bb2ee
5 changed files with 63 additions and 12 deletions
@@ -19,5 +19,34 @@ export default
        {
            return this.$store.state.projects.current
        }
+    },
+
+    mounted()
+    {
+        this.testScrollbar()
+    },
+
+    methods:
+    {
+        testScrollbar()
+        {
+            // Create dummy
+            const dummy = document.createElement("div")
+
+            dummy.style.width = '100px'
+            dummy.style.height = '100px'
+            dummy.style.overflow = 'scroll'
+            dummy.style.position = 'absolute'
+            dummy.style.top = '-9999px'
+
+            this.$el.appendChild(dummy)
+
+            // Get the scrollbar width
+            const scrollbarWidth = dummy.offsetWidth - dummy.clientWidth
+            this.$store.commit('updateScrollbarWidth', scrollbarWidth)
+
+            // Delete the DIV
+            this.$el.removeChild(dummy)
+        }
    }
 }