🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jQuery plugin for following after scrolling window.

Plugins

Documentation

jquery.simple-scroll-follow

npm version Build Status

jQuery plugin to move the element according to the scrolling window.

Sample image

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.

License

MIT

Author

Yuusaku Miyazaki ( [email protected] )


You May Also Like