New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/fsvs-full-screen-vertical-scroll/
FSVS – Full Screen Vertical Scroll
Download Demo
FSVS is a Simple Full Screen Vertical Slider using CSS3 transitions followed up by a jQuery fallback. Bound events support mousewheel, click and drag, arrow keys and touch gestures.
1. INCLUDE CSS AND JS FILES
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="/assets/js/fsvs.js"></script>
2. HTML
<!doctype html> <html class="fsvs" lang="en"> <body> <div id="fsvs-body"> <div class="slide"></div> <div class="slide"></div> <div class="slide"></div> </div> </body> </html>
3. JAVASCRIPT
$(document).ready( function() // The HTML tag must have a class of fsvs var fsvs = $.fn.fsvs( speed : 1000 ); );
4. OPTIONS
$(document).ready( function() var fsvs = $.fn.fsvs( speed : 5000, bodyID : 'fsvs-body', selector : '> .slide', mouseSwipeDisance : 40, afterSlide : function(), beforeSlide : function(), endSlide : function(), mouseWheelEvents : true, mouseDragEvents : true, touchEvents : true, arrowKeyEvents : true, pagination : true, nthClasses : false, detectHash : true ); );