Full Screen Vertical Scroll
Clone or download
lukesnowden Merge pull request #42 from thomasprost/bugfix-mousewheel
bugfix on IE11 not getting mousewheel originalEvent
Latest commit 46b3319 Mar 14, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets @AurelDragut #38 Sep 5, 2016
js bugfix on IE11 not getting mousewheel originalEvent Mar 14, 2017
scss project structure update Dec 1, 2014
.gitignore project structure update Dec 1, 2014
Gulpfile.js project structure update Dec 1, 2014
README.md domain change Jan 31, 2017
bower.json update bower name Jan 16, 2015
index.html @AurelDragut #38 Sep 5, 2016
package.json project structure update Dec 1, 2014

README.md

#Showcase Send a pull request to add your projects to the showcase list

#FSVS2 (BETA) on development branch

link: https://github.com/lukesnowden/FSVS/tree/development demo: https://www.lukesnowden.co.uk/full-screen-vertical-scroll/v2

I am currently having issues trying to hijack the screen on scroll for mobiles. If anyone cares to try and accomplish this as I've currently ran out of ideas, it would be greatly appreciated and you will be accredited for it.

#FSVS - Full Screen Vertical Scroller

more information https://www.lukesnowden.co.uk/full-screen-vertical-scroll

###initiate the plugin:

$(document).ready( function() {
	var slider = $.fn.fsvs({
		speed : 5000,
		bodyID : 'fsvs-body',
		selector : '> .slide',
		mouseSwipeDisance : 40,
		afterSlide : function(){},
		beforeSlide : function(){},
		endSlide : function(){},
		mouseWheelEvents : true,
		mouseWheelDelay : false,
		scrollableArea : 'scrollable',
		mouseDragEvents : true,
		touchEvents : true,
		arrowKeyEvents : true,
		pagination : true,
		nthClasses : false,
		detectHash : true
	});
	//slider.slideUp();
	//slider.slideDown();
	//slider.slideToIndex( index );
	//slider.unbind();
	//slider.rebind();
});

###Basic HTML structure (please note that the fsvs class is needed on the HTML tag)

<!doctype html>
<html class="fsvs" lang="en">
	<head>
		<link href="assets/css/style.css" media="all" rel="stylesheet" type="text/css" />
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="assets/js/bundle.js"></script>
	</head>
	<body>
		<div id="fsvs-body">
			<div class="slide"></div>
			<div class="slide"></div>
			<div class="slide"></div>
		</div>
	</body>
</html>