首页 > 代码库 > JavaScript对滚动条的操作
JavaScript对滚动条的操作
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>在div区域双击鼠标可以看到效果</title> <script type="text/JavaScript"> var currenTop,timer; function endScroll(){ clearInterval(timer); } function divScroll(){ currenTop = document.getElementById("test").scrollTop; document.getElementById("test").scrollTop = ++currenTop; } function beginScroll(){ timer=setInterval ("divScroll()",30); } </script> </head> <body> <div id = "test" style="background-color:green; width: 120px; height: 360px; overflow: auto;" onm ousedown="endScroll();" ondblclick="beginScroll();"> 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>42<br> 43<br>44<br>45<br> 46<br>47<br>48<br> 49<br>50<br>51<br> 52<br>53<br>54<br> 55<br>56<br>57<br> </div> </body> </html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。