Forum PHP.pl

xHtml
<button id="wGore">Przewiń w górę</button>
<button id="wDol">Przewiń w dół</button><br />
<div id="div_przewijany">
<p>Lorem ipsum dolor (...)</p>
</div>

Kod JS
window.addEvent("load",function(){
var przewijanie = new Fx.Scroll("div_przewijany");
aktualna_pozycja = 0;
var wysokosc_diva = ($("div_przewijany").getSize()).scrollSize.y;

$("wGore").addEvent("click",function(){
if(aktualna_pozycja > 0){
aktualna_pozycja -= 300;
przewijanie.scrollTo(0,aktualna_pozycja);
}
});

$("wDol").addEvent("click",function(){
if((aktualna_pozycja+300) < wysokosc_diva){
aktualna_pozycja += 300;
przewijanie.scrollTo(0,aktualna_pozycja);
}
});
});