Submit your widget
HomeLayout & Interfacewindows full-screen scrolling with jQuery

windows full-screen scrolling with jQuery

Created 11 years ago   Views 10330   downloads 1684    Author /nick-jonas
windows full-screen scrolling with jQuery
View DemoDownload
45
Share |

a handy, loosely-coupled jQuery plugin for full-screen scrolling windows

This is a light bootstrap that sets up: 
- the basic SASS for sequential full screen windows
- a jQuery plugin for managing their positions as the user scrolls

 

 The plugin simply opens up a handy API for position management, provides callbacks, and will allow for window snapping. No CSS is applied to the callee. 
$('.window').windows({
                    snapping: true,
                    snapSpeed: 500,
                    snapInterval: 1100,
                    onScroll: function(scrollPos){
                        // scrollPos:Number
                    },
                    onSnapComplete: function($el){
                        // after window ($el) snaps into place
                    },
                    onWindowEnter: function($el){
                        // when new window ($el) enters viewport
                    }
                });

Read more:http://nick-jonas.github.io/windows/

You might also like