Submit your widget

simple stickUp jQuery plugin

Created 5 years ago   Views 41169   downloads 6175    Author lirancohen
simple stickUp jQuery plugin
View DemoDownload 270.0 KB
88
Share |

This is a simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view.

How to use it.

include the stickUp javascript file to load within your website. Do so by inserting the following code at the end of your footer. Make sure you're pointing to the correct location of the javascript file. 

  <script src="js/stickUp.min.js"></script>

Next, simply insert this code at the end of your footer under the stickUp javascript file we added in the last step. Alternitively, you could put the code into existing javascript. Replace '.navbar-wrapper' with the class of the element you would like to become sticky.

<script type="text/javascript">
              //initiating jQuery
              jQuery(function($) {
                $(document).ready( function() {
                  //enabling stickUp on the '.navbar-wrapper' class
                  $('.navbar-wrapper').stickUp();
                });
              });

            </script>

The article source:http://lirancohen.github.io/stickUp/#home