https://github.com/ulivz/jquery-scrollable-overlay
A jQuery plugin for your overlay that body does not follow your overlay scroll.
https://github.com/ulivz/jquery-scrollable-overlay
Last synced: 7 months ago
JSON representation
A jQuery plugin for your overlay that body does not follow your overlay scroll.
- Host: GitHub
- URL: https://github.com/ulivz/jquery-scrollable-overlay
- Owner: ulivz
- Created: 2018-03-25T08:55:31.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-03-26T11:31:02.000Z (over 7 years ago)
- Last Synced: 2025-02-01T23:12:45.736Z (8 months ago)
- Language: HTML
- Homepage: http://www.v2js.com/jquery-scrollable-overlay/
- Size: 8.79 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jquery-scrollable-overlay
This plugin doesn't care the implementation of your overlay, it only does one thing: when your popup overlay is scrollable, it disables the background scroll anyway.
The key is that this lib is also compatible with hateful **iOS** devices.
# Usage
This library is not published to NPM, you can use it directly:
```html
```
```js
const $overlay = $('/* You overlay selector */')
$overlay.scrollableOverlay() // Use this plugin.
$openIcon.on('click', () => $overlay.trigger('show')) // call when opening your overlay.
$clostIcon.on('click', () => $overlay.trigger('close')) // call when closing your overlay.
```
> Check out the online demo: http://v2js.com/jquery-scrollable-overlay/
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## Author
**jquery-scrollable-overlay** © [ulivz](https://github.com/ULIVZ), Released under the [MIT](./LICENSE) License.
Authored and maintained by ulivz with help from contributors ([list](https://github.com/ULIVZ/jquery-scrollable-overlay/contributors)).
> [github.com/ulivz](https://github.com/ulivz) · GitHub [@ulivz](https://github.com/ULIVZ)