< Neo22s />

Smooth vertical scroll for your site, really easy to use, fast and light. Doesn’t use any external library ;)

Script Name: jsScroll
Version: 0.3
License: GPL v3
Screenshot:

Demo
Download

Installation:

There’s to easy ways:

1-Copy paste this in your html (footer for example):

<script type="text/javascript" src="http://lab.neo22s.com/jsScroll/jsScroll.js"></script>
<style type="text/css">
	#page-corner{position:fixed;bottom:0; right:0;}
	#down_arrow{border:0; }
	#up_arrow {border:0; }
</style>
<div id="page-corner">
	<a  href="#content" onclick="scrollUp(0,1);return false;" title="Top">
           <img  id="up_arrow" alt="Top" title="Top" src="http://neo22s.com/wp-content/uploads/2009/09/uparrow.png"  /></a>
	<a  href="#footer" onclick="scrollDown(null,1);return false;" title="Footer">
           <img  id="down_arrow" alt="Footer" title="Footer" src="http://neo22s.com/wp-content/uploads/2009/09/downarrow.png"  /></a>
</div>

2- or just Downlad ;)

Usage:

Can be use where ever you want in html tags or just call it as a function on load..

The two main function are:

scrollDown(scro,delay);

First parameter “scro”: In pixels how much scroll down does from the position you currently are.
Second parameter “delay”: Delay for the move if you think is too fast, accepted values starting from 1.

scrollUp(scro,delay)

First parameter “scro”: Scroll up In pixels until the set value from the position you currently are.
Second parameter “delay”: Delay for the move if you think is too fast, accepted values starting from 1

Usage examples:
Scroll down to the document end:

<a href="#footer" onclick="scrollDown(null,1);return false;">Footer</a>

Scroll down 300 pixels and delay of 10:

<img src="whatever.png" onclick="scrollDown(300,10);" />

Scroll to the top:

<a href="#top" onclick="scrollUp(0,1);return false;">Top</a>

Scroll 120 px from the top:

scrollUp(120,1);

Support: forum.neo22s.com
Notes:
Works in FF 3.5, Chromium, Opera 10, ie6

Related posts:

1. WP-PageScroll, Plugin for WordPress
2. Change the CSS of your site with JavaScript
3. Cache Class for PHP
4. Input select generated from query – PHP
5. passGenerator – Random passwords for PHP