GoocodeDemo Platform

Created: November 25, 2015
Last Updated: November 25, 2015
Author: goocode
email: [email protected]

Dear,
You come to the demo platform for goocode.net. Some scripts or examples are displayed here, including PHP scripts, Javascript, MySQL, plugins, ets. Most of them are related to the front-end technology. May you like them.

Use the mouse wheel or sliding gestures to browse the page node section by scrollify

1. Demo presentation

Use the mouse wheel or sliding gestures to browse the page node section

Sliding the mouse wheel

Basic usage

Need to load jQuery 1.6+ and a buffer Animation Plug jquery.easing.

	<! doctype html>
	<html>
		<head>
			<script>
				$(function() {
					$.scrollify({
						section : "section",
					});
				});
			</script>
		</head>
		<body>
			<section></section>
			<section></section>
		</body>
	</html>

Config

	$.scrollify({
		section : "section",
		sectionName : "section-name",
		easing: "easeOutExpo",
		scrollSpeed: 1100,
		offset : 0,
		scrollbars: true,
		before:function() {},
		after:function() {}
	});

Options

section: Node section selector.
sectionName: Each node corresponds to a section of data attributes.
easing: Defined buffer animation.
offset: The definition of each color offset tion node.
scrollbars: Whether to display the scroll bar.
before: Callback, before rolling start trigger.
after: Callback function is triggered after the scroll is completed.

Method

Slide to the specified node.

	$.scrollify("move","#name");

2. End

Thanks for ur reviewing. Any questions feel free to write to us.