Nest all content into snippets

This commit is contained in:
Angelos Chalaris
2023-05-07 16:07:29 +03:00
parent 2ecadbada9
commit 6a45d2ec07
1240 changed files with 0 additions and 0 deletions

View File

@ -0,0 +1,25 @@
---
title: Scrollbar width
type: snippet
language: javascript
tags: [browser]
cover: violin
author: chalarangelo
dateModified: 2022-07-16T05:00:00-04:00
---
Calculates the width of the window's vertical scrollbar.
- Use `Window.innerWidth` to get the interior width of the window.
- Use `Element.clientWidth` to get the inner width of the `Document` element.
- Subtract the two values to get the width of the vertical scrollbar.
```js
const getScrollbarWidth = () =>
window.innerWidth - document.documentElement.clientWidth;
```
```js
getScrollbarWidth(); // 15
```