Skip to content
Branch: master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 

README.md

ZScroll

ZScroll is a very easy to implement area scroller using JQuery. Preview here

Note you must include JQuery, and the ZScroll JavaScript file as below:

<!-- JQuery plugin -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<!-- ZScroll Dependancies -->
<script src="plugins/ZScroll/ZScroll.js"></script>

To apply to an element, just call .ZScroll() on a JQuery element as below:

// Apply ZScroll to all elements with class '.ZScroll'
$(document).ready(function(){
	$(".ZScroll").ZScroll();
});

You can pass the following options as an object into ZScroll (Values shown are defaults):

// ScrollZoneColor:"#DDDDDD",
// ScrollBarColor:"orange",
// ScrollBarWidth:5,
// ScrollBarHeight:null,
// ScrollBarMinHeight:10,
// ScrollBarPadding:10,
// ScrollBarRadius:10,
// ScrollBarUnusedCSS:{"opacity":0.5},
// ScrollBarInUseCSS:{"opacity":1},
// ScrollBarOpacityEasing:300,
// ScrollWheelDistance:50,
// Active:"auto"
// Display:true

// Pass like:
$(".ZScroll").ZScroll({
	ScrollBarColor:"green",
	ScrollBarWidth:10
});

If you have any questions you can contact me on contact@zephni.com

About

JQuery custom scroll areas made simple

Resources

Releases

No releases published
You can’t perform that action at this time.