jQuery Smoove - Gorgeous CSS3 Scroll Effects

jQuery Smoove is a simple jQuery plugin for super sexy scrolling effects using CSS3. It easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE JS FILES

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-smoove/0.2.6/jquery.smoove.min.js"></script>

2. HTML

<div class="foo"></div>
<div class="bar" data-move-x="-200px" data></div>

3. JAVASCRIPT

// Attach Smoove to elements and set default options
$(".foo, .bar").smoove({
	offset  : '15%',
	// moveX is overridden to -200px for ".bar" object
	moveX   : '100px',
	moveY   : '100px',
});

Also note that when defining parameters via data-attributes, CamelCase names are split with hyphens e.g. moveX becomes data-move-x.

4. OPTIONS