Download
User Rating: 0/5 ( 0 votes)
Tilted Page Scroll is a jQuery plugin that Creates a beautilful 3D tilted scrolling effect for your website.
Compatibility
Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested. I have not tested this on IE.
Source: github.com
1. INCLUDE JS AND CSS FILES
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.tiltedpage-scroll.js"></script>
<link href='tiltedpage-scroll.css' rel='stylesheet' type='text/css'>
2. HTML
<div class="main">
<section class="page1">
...
</section>
<section class="page2">
...
</section>
...
<section class="last-page">
...
</section>
</div>
3. JAVASCRIPT
$(".main").tiltedpage_scroll({
sectionContainer: "> section", // In case you don't want to use <section> tag, you can define your won CSS selector here
angle: 50, // You can define the angle of the tilted section here. Change this to false if you want to disable the tilted effect. The default value is 50 degrees.
opacity: true, // You can toggle the opacity effect with this option. The default value is true
scale: true, // You can toggle the scaling effect here as well. The default value is true.
outAnimation: true // In case you do not want the out animation, you can toggle this to false. The defaul value is true.
});