jquery.simple-scroll-follow
jQuery plugin to move the element according to the scrolling window.
Demo
https://sutara79.github.io/jquery.simple-scroll-follow/
Install
- GitHub: Clone or download.
- npm:
npm i jquery.simple-scroll-follow - CDN (jsDelivr):
- jquery.simple-scroll-follow.min.js: v3.1.2
Usage
HTML
<div id="foo">Element to follow</div> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="jquery.simple-scroll-follow.min.js"></script>CSS
body { background: url(null) fixed; /* for Google Chrome */ } #foo { position: absolute; }JavaScript
$('#foo').simpleScrollFollow();Option
| name | type | default | description |
|---|---|---|---|
| limit_elem | Object, string | $('body') | An element that indicates lower limit to scroll |
| min_width | number | 0 | Minimum window width to enable this plugin |
| enabled | boolean | true | Enable scroll or not |
| upper_side | string | null | An fixed element that indicates upper limit to scroll |
| lower_side | string | null | An fixed element that indicates lower limit to scroll |
Public Method
(since v3.0.0)
For the details, see documentation.
.setEnabled()
Parameter
| No. | type | default | description |
|---|---|---|---|
| 1 | boolean | true | true: this plugin resumes.false: this plugin stops. |
