jQuery: jquery.page-scroller.js | Michele Pisani

How to use jquery.page-scroller.js jQuery plugin

by Michele Pisani

HTML

<div id="content"><br />Questa colonna verde simula una pagina web con un contenuto lungo.<br />Prova a scorrere in basso alla pagina dopodichè premi su "<b>Torna su</b>" per visualizzare l'effetto.</div>
<div id="return_top"> <a href="#content">Torna su</a> </div>

CSS

body {
margin:0px auto;
padding: 0px;
text-align: center;
}
#content {
width: 250px;
height: 1000px;
background-color: #00aa00;
color: #000;
padding:10px
}
#return_top {
position: absolute;
position: fixed;
right: 0px;
bottom: 0px;
padding:0 15px 40px 0
}

JavaScript

/*  ================================================================================
 *
 *  jquery.page-scroller  -version 3.0.6
 *  http://coliss.com/articles/build-websites/operation/javascript/296.html
 *  (c) 2004-2009 coliss.com
 *  License:http://creativecommons.org/licenses/by/2.1/jp/
 *
================================================================================  */

/*  ================================================================================
TOC
============================================================
Set Adjustment
Page Scroller
============================================================
this script requires jQuery 1.3(http://jquery.com/)
================================================================================  */


/*  ================================================================================
Set Adjustment
================================================================================  */
var virtualTopId = "top",
    virtualTop,
    adjTraverser,
    adjPosition,
    callExternal = "pSc",
    delayExternal= 200;

/* example
======================================================================  */
//    virtualTop = 0;    // virtual top's left position = 0
//    virtualTop = 1;    // virtual top's left position = vertical movement
//    adjTraverser = 0;  // left position = 0
//    adjTraverser = 1;  // horizontal movement.
//    adjPosition = -26;

/*  ================================================================================
Page Scroller
================================================================================  */
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('(c($){7...