Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
css windows Feb 20, 2013
js removed SS webfonts everywhere Jun 24, 2013
scss removed SS webfonts everywhere Jun 24, 2013
README.md removed SS webfonts everywhere Jun 24, 2013
index.html removed icon Aug 20, 2013

README.md

windows


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

Usage

Include the latest jQuery and assets/js/jquery.windows.js in your HTML page.

html

<section class="window"></section>
<section class="window"></section>
<section class="window"></section>
<section class="window"></section>
<section class="window"></section>

js

$(document).ready(function(){

    $('.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
        }
    })

});

scss

.window{
    width:100%;
    height:100%;
    position:absolute;
}

@for $i from 1 through 6{
    .window:nth-child(#{$i}){
        background:nth($colors, $i);
        top:($i - 1) * 100%;
    }
}

In the Wild