This is a simple jQuery plugin used to create a horizontal or vertical clicking scroll menu. It’s lightweight, simple and easy to customize as needed.
<div id="yourContainer">
<ul>
<li>A list item</li>
<li>Another list item</li>
<li>Another list item</li>
<li>Etc...</li>
</ul>
</div>
<a id="#clickscroll-more" href="#">More</a>
<a id="#clickscroll-less" href="#">Less</a>
#yourContainer {
height: 300px; /* REQUIRED FOR VERTICAL SCROLLING */
width: 500px; /* REQUIRED FOR HORIZONTAL SCROLLING */
overflow: hidden; /* DO NOT REMOVE */
position: relative; /* DO NOT REMOVE */
}
#yourContainer ul {
list-style: none;
padding: 0;
margin: 0;
position: absolute; /* DO NOT REMOVE */
}
#yourContainer ul li {
padding: 0;
margin: 0;
}
$(function(){
$('#yourContainer').clickScroll();
});
This is how you could setup a horizontal scroller using all the options, like in the demo
$('#yourContainer-horizontal').clickScroll({
speed: 1000, // Scroll Speed
easing: 'easeOutElastic', // Animation easing method
lessBtn: '#scroll-left', // Custom ID of scroll button
moreBtn: '#scroll-right', // Custom ID of scroll button
btnFadeSpeed: 500, // Speed of button fading in/out when not end of scrolling is reached
horizontal: true // Make it scroll Horizontally,
autoHideNav: false // Don't hide the navigation controls automatically
});
You’ll also want to change you CSS so the list elements are floated or inline-block…
For the new threeformed site I am using Wordpress as a light CMS, so I wanted to treat some ’special’ posts differently than others based on their category. This meant that i’d have to exclude these ’special’ posts from a few places, one of these places was the tag cloud. Read on…

I was finishing up some tedious work around midnight a few days ago and decided I needed to code something fun. I have a few projects I’m already working on so I figured I’d do something small and quick. Lately I’ve been getting interested in game programming so I wanted to do something along those lines. “But what sort of game can I make in a few hours?” I thought to myself. Then it hit me. I was going to make Tetris. Read on…
jScrollHorizontalPane is a plugin based off of Kevin Luck’s jScrollPane which override’s the browsers default horiz…
I was finishing up some tedious work around midnight a few days ago and decided I needed to code something fun. I have…
For the new threeformed site I am using Wordpress as a light CMS, so I wanted to treat some ’special’ posts differently th…
This is a simple jQuery plugin used to create a horizontal or vertical clicking scroll menu. It’s lightweight, simple a…