fitScreen.js
The html
// add a class to the element to use with plugin
// and add a class to control it's styling
<div class="fitscreen red"></div>
<div class="fitscreen blue"></div>
<div class="fitscreen yellow"></div>
<div class="fitscreen green"></div>
And the jQuery
// and the jQuery
<script>
$('.fitscreen').fitScreen();
</script>
Updates
- Added smooth transition which pulls to lower or upper part of screen when user has stopped scrolling.
- TODO: Add support for x-axis scrolling
- TODO: Add developer defined properties
- TODO: Cross browser compatability testing