一個控制滾動條的JS代碼.有緩慢返回頂部和底部的功能. ? ? ?頂部按鈕正常. ? ?但是按底部按鈕到底部后.移動沒有停止. 一直往下拉...（大家可以拉滾動條往上試試） ? 我估計是我runBottom()方法的if判斷寫錯了. 大家?guī)臀铱纯? 謝謝了.以下是代碼: ? ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>底部按鈕有問題</title></head><script type="text/javascript"> var currentPosition,timer; function GoTop(){ timer=setInterval("runToTop()",1); } var currentPosition2,timer2; function GoBottom(){ timer=setInterval("runBottom()",1); } function runToTop(){ currentPosition=document.documentElement.scrollTop || document.body.scrollTop; currentPosition-=50; if(currentPosition>0) { window.scrollTo(0,currentPosition); } else { window.scrollTo(0,0); clearInterval(timer); } } function runBottom(){ currentPosition2=document.documentElement.scrollTop || document.body.scrollTop; currentPosition2+=50; if(currentPosition2>0) { window.scrollTo(0,currentPosition2); } else { window.scrollTo(0,0); clearInterval(timer2);} } </script> <body><div id="back-up" onclick="GoTop()" style="border:1px solid red;height:100px;width:15px;position:fixed;cursor:pointer;right:10px;top:30px;">返回頂部</div> <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">飯</div> <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">吃</div> <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">家</div> <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">回</div> <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">你</div> <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">帶</div> <div id="back-up" onclick="GoBottom()" style="border:1px solid red;height:100px;width:15px;position:fixed;cursor:pointer;right:10px;bottom:30px;">返回底部</div> </body></html>
JS控制滾動條緩慢移動到底部 有問題
NextLegend
2015-01-12 20:48:36