https://github.com/sonicdoe/measure-scrollbar
Get the width of the browser scrollbar
https://github.com/sonicdoe/measure-scrollbar
0bsd browser es2015 es6-modules esm esmodules javascript scrollbar semver
Last synced: 10 months ago
JSON representation
Get the width of the browser scrollbar
- Host: GitHub
- URL: https://github.com/sonicdoe/measure-scrollbar
- Owner: sonicdoe
- License: 0bsd
- Created: 2017-06-20T16:18:05.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-23T16:59:08.000Z (over 7 years ago)
- Last Synced: 2025-03-24T05:13:43.143Z (11 months ago)
- Topics: 0bsd, browser, es2015, es6-modules, esm, esmodules, javascript, scrollbar, semver
- Language: JavaScript
- Homepage: https://sonicdoe.github.io/measure-scrollbar/
- Size: 40 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# measure-scrollbar
> Get the width of the browser scrollbar
[Demo](https://sonicdoe.github.io/measure-scrollbar/)
## Installation
```
$ npm install measure-scrollbar
```
## Usage
```js
import measureScrollbar from 'measure-scrollbar'
measureScrollbar()
// => 15
```
`measureScrollbar()` returns the width of the browser scrollbar in pixels.
### Module bundlers
measure-scrollbar is primarily distributed as an ES module. Therefore, it works out of the box with [webpack](https://webpack.js.org), [Parcel](https://parceljs.org), and [Rollup](https://rollupjs.org) (even without [rollup-plugin-commonjs](https://github.com/rollup/rollup-plugin-commonjs)).
[Browserify](http://browserify.org) does not support ES modules natively. To use measure-scrollbar with Browserify, you can require the CommonJS version using `require('measure-scrollbar/commonjs')`.
## Browser support
measure-scrollbar supports the latest releases of Chrome, Safari, Firefox, Microsoft Edge, and Opera.
If you require Internet Explorer support, use [Babel’s ES2015 arrow functions transform](https://babeljs.io/docs/plugins/transform-es2015-arrow-functions/).
## Acknowledgments
measure-scrollbar is based on David Walsh’s [Detect Scrollbar Width with JavaScript](https://davidwalsh.name/detect-scrollbar-width) article.
## Changelog
This project follows [Semantic Versioning 2](http://semver.org/).
- v1.1.0 (2018-06-09): Add CommonJS version
- v1.0.0 (2017-07-25):
- Fully commit to Semantic Versioning
- Document official browser support
- v0.1.0 (2017-06-20): Initial release