v1.1.0

README.md

@@ -1,7 +1,17 @@
 # get-scrollbar-width
 
+Get window scrollbar width (if present):
+
 ```js
 import getScrollbarWidth from '@advdominion/get-scrollbar-width';
 
 console.log(getScrollbarWidth());
 ```
+
+Get system scrollbar width:
+
+```js
+import getScrollbarWidth from '@advdominion/get-scrollbar-width';
+
+console.log(getScrollbarWidth(false));
+```

index.js

@@ -1,17 +1,24 @@
-export default () => {
+const scrollbarWidth = () => {
-    if (document.body.clientHeight > window.innerHeight) {
+    const outer = document.createElement('div');
-        const outer = document.createElement('div');
+    outer.style.visibility = 'hidden';
-        outer.style.visibility = 'hidden';
+    outer.style.width = '100px';
-        outer.style.width = '100px';
+    document.body.append(outer);
-        document.body.append(outer);
+    const widthNoScroll = outer.offsetWidth;
-        const widthNoScroll = outer.offsetWidth;
+    outer.style.overflow = 'scroll';
-        outer.style.overflow = 'scroll';
+    const inner = document.createElement('div');
-        const inner = document.createElement('div');
+    inner.style.width = '100%';
-        inner.style.width = '100%';
+    outer.append(inner);
-        outer.append(inner);
+    const widthWithScroll = inner.offsetWidth;
-        const widthWithScroll = inner.offsetWidth;
+    outer.remove();
-        outer.remove();
+    return widthNoScroll - widthWithScroll;
-        return widthNoScroll - widthWithScroll;
+};
-    }
+
-    return 0;
+export default (getWindowScrollbar = true) => {
+    if (getWindowScrollbar) {
+        if (document.body.clientHeight > window.innerHeight) {
+            return scrollbarWidth();
+        }
+        return 0;
+    }
+    return scrollbarWidth();
 };

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@advdominion/get-scrollbar-width",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "type": "module",
     "main": "index.js",
     "repository": {