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