hmm, sad kad pogledam animacija i nije bas tako jednostavna, tj napravi vise problema nego sto resi...
a ako hoces "smoother" skrolovanje samo promeni scrollBy parametar.
evo kako da primenis to na div koji ti treba (i kako da podesis scrollBy parametar):
- dodas tom divu neki id (ili class ako imas vise takvih divova), recimo
<div id="myScrollableDiv">
- u css-u podesis tom divu sledece:
Code:
#myScrollableDiv
{
width: 300px;
height: 400px;
}
tj odredis mu velicinu
- dodas ona tri js fajla na stranu:
Code:
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/scrollarea.js"></script>
- dodas js koji poziva scrollarea plugin:
Code:
<script type="text/javascript">
$(function()
{
$('#myScrollableDiv').scrollarea();
});
</script>
i to je to
e sad, ako si tom divu dodelio klasu, recimo
<div class="myScrollableDivs">, onda ce kod izgledati malo drugacije:
$('.myScrollableDivs').scrollarea();
a scrollBy parametar prosledjujes scrollarea f-ji, recimo da hoces da se scrolluje za 5px:
Code:
<script type="text/javascript">
$(function()
{
$('#myScrollableDiv').scrollarea(5);
});
</script>
ukoliko ne prosledis taj parametar plugin ce detektovati
line-height ili
font-size (ukoliko line-height nije brojna vrednost - sto je slucaj sa ie-om ukoliko nisi eksplicitno naveo taj stil) i na osnovu toga odrediti visinu linije i skrolovace liniju po liniju.
znaci ako hoces smoother samo podesi scrollBy parametar da bude manji od visine linije...