All Projects → lukesnowden → Fsvs

lukesnowden / Fsvs

Full Screen Vertical Scroll

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Fsvs

Fullpage.js
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
Stars: ✭ 32,974 (+4416.99%)
Mutual labels:  fullscreen, jquery
Arrive
Watch for DOM elements creation and removal
Stars: ✭ 703 (-3.7%)
Mutual labels:  jquery
Form2js
Javascript library for collecting form data
Stars: ✭ 630 (-13.7%)
Mutual labels:  jquery
Rowgrid.js
A small, lightweight JavaScript plugin for placing items in straight rows (jQuery and vanilla JS version) – Demo:
Stars: ✭ 670 (-8.22%)
Mutual labels:  jquery
Leafpub
Simple, beautiful, open source publishing.
Stars: ✭ 645 (-11.64%)
Mutual labels:  jquery
Selectpage
A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
Stars: ✭ 679 (-6.99%)
Mutual labels:  jquery
Pro Sidebar Template
Responsive sidebar template based on bootstrap
Stars: ✭ 623 (-14.66%)
Mutual labels:  jquery
React Fullpage
Official React.js wrapper for fullPage.js https://alvarotrigo.com/react-fullpage/
Stars: ✭ 707 (-3.15%)
Mutual labels:  fullscreen
Jquery Touch Events
A collection of mobile event plugins for jQuery.
Stars: ✭ 702 (-3.84%)
Mutual labels:  jquery
Mobirise
Free Website Builder for Bootstrap 4 & AMP
Stars: ✭ 664 (-9.04%)
Mutual labels:  jquery
Image Map Resizer
Responsive HTML Image Maps
Stars: ✭ 661 (-9.45%)
Mutual labels:  jquery
Isinviewport
An ultra-light jQuery plugin that tells you if an element is in the viewport but with a twist.
Stars: ✭ 646 (-11.51%)
Mutual labels:  jquery
Select2
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Stars: ✭ 25,184 (+3349.86%)
Mutual labels:  jquery
Jquery Smartwizard
The awesome jQuery step wizard plugin
Stars: ✭ 635 (-13.01%)
Mutual labels:  jquery
Stupid Table Plugin
A stupidly small and simple jQuery table sorter plugin
Stars: ✭ 704 (-3.56%)
Mutual labels:  jquery
Jquery.localscroll
Animated anchor navigation made easy with jQuery
Stars: ✭ 624 (-14.52%)
Mutual labels:  jquery
Beipyvideoresolution
北漂鱼解析开源视频播放框架,响应式布局!
Stars: ✭ 651 (-10.82%)
Mutual labels:  jquery
Abp Asp.net Boilerplate Project Cms
ABP module-zero +AdminLTE+Bootstrap Table+jQuery+Redis + sql server+quartz+hangfire权限管理系统
Stars: ✭ 677 (-7.26%)
Mutual labels:  jquery
Jquery Selectric
jQuery plugin for easy manipulation and customization of HTML selects
Stars: ✭ 724 (-0.82%)
Mutual labels:  jquery
Animatescroll.js
A Simple jQuery Plugin for Animating Scroll
Stars: ✭ 708 (-3.01%)
Mutual labels:  jquery

#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>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].