jQuery Plugin For Fullscreen Scrolling Pages - windows

File Size: 0.98MB
Views Total: 2732
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Fullscreen Scrolling Pages - windows

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:

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.