jQuery Plugin For Fullscreen Scrolling Pages - windows
| File Size: | 0.98MB |
|---|---|
| Views Total: | 2748 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
windows is a jQuery plugin for Fullscreen Scrolling Pages that simply opens up a handy API for position management, provides callbacks, and will allow for window snapping.
Related plugins:
- Awesome Page Transition Effects with jQuery and CSS3 - PageTransitions
- jQuery Plugin For Fixed Background Scrolling Layout
- Simple Parallax Scrolling Plugin For jQuery - scrolly
- Animated Page Scrolling Effect with jQuery - superscrolloram
How to use it:
1. Include jQuery framework and jQuery windows on your web page
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.windows.js"></script>
2. Markup html structure
<section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section>
3. The javascript
<script>
$(document).ready(function(){
var $windows = $('.window');
$windows.windows({
snapping: true,
snapSpeed: 500,
snapInterval: 1100,
onScroll: function(s){},
onSnapComplete: function($el){},
onWindowEnter: function($el){}
});
});
</script>
This awesome jQuery plugin is developed by modernassembly. For more Advanced Usages, please check the demo page or visit the official website.











