滚动条的滚动间距问题

好像没有点击箭头的事件。可以试试用其它事件代替，如下例用单击事件<body>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>
18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>
26<br>27<br>28<br>29<br>30<br>31<br>32<br>33<br>
34<br>35<br>36<br>37<br>38<br>39<br>40<br>41<br></body><script language="javascript">
var h = 20;//修改此值大小调整移动距离
var currentpos;
var MaxHeight = document.body.scrollHeight;
document.body.onclick = scrollwindow;

function scrollwindow()
{
currentpos = document.body.scrollTop;
currentpos = currentpos + h;
window.scroll(0, currentpos)
if (currentpos != document.body.scrollTop)
currentpos = document.body.scrollTop;
}
</script>

解决方案 »

  1.   

    理论上，这样是可以的实际上，这是不可以的不可以的原因是：
    点击一次滚动条上的三角按钮时 IE6 产生了三次onscroll事件！！！！如果确定其它版本的浏览器也如此，那么用个计数变量处理避开一下前两次就可以了。
    <script language="javascript">
    var oH=0,MyH=8;//设定滚动条的初始位置,设定步长;
    function rollH(){
    var cH= document.body.scrollTop;
    if(cH>oH+MyH){
    window.scroll(0,oH+MyH);
    }else{
    oH=document.body.scrollTop;
    }
    alert(cH);
    }
    </script><body onscroll="rollH();"></body>
      

  2.   

    当然，最好的办法是用“<body onload="document.body.style.overflowY='hidden'">”隐藏真实的滚动条，然后自己做两个按钮（图片）放在相应的位置上用“window.scroll(0,y)”来设置滚动，不过这样就太复杂了！！！