Kebab file names
This commit is contained in:
23
snippets/get-scrollbar-width.md
Normal file
23
snippets/get-scrollbar-width.md
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
title: Scrollbar width
|
||||
tags: browser
|
||||
cover: violin
|
||||
author: chalarangelo
|
||||
firstSeen: 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
|
||||
```
|
||||
Reference in New Issue
Block a user