<script language="JavaScript">
function moveDiv(move) {
adiv.style.top = parseInt(adiv.style.top) + parseInt(move);
}
</script>
<input type="button" value="up" onclick="moveDiv(-10)">
<input type="button" value="down" onclick="moveDiv(10)">
<div id="adiv" style="position:absolute; left:100; top:100; backgroud-color:#bbbbbb">
some text here<br />
some text here<br />
some text here<br />
</div><br />

解决方案 »

  1.   

    这个行吗?
    <div id="anotherdiv" style="overflow-y:scroll; width:200px; height:100px">
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    some text here<br />
    </div>还有,你不会想要我给你画图标吧?
      

  2.   

    谢谢您及时的回复,但是你style="overflow-y:scroll",没有达到你所需要的效果,文字会把层给撑大了,不会限制在一定高度和宽度里。
    有空希望您在给予答复。
    谢谢。非常感谢。
      

  3.   

    你看看这个是不是,如果还不是,你把意思说清楚
    <input type="button" value="up" onclick="adiv.doScroll('scrollbarUp');">
    <input type="button" value="down" onclick="adiv.doScroll('scrollbarDown');"><br />
    <div id="adiv" style="overflow:hidden;width:200px; height:100px; border:1px solid #000000; font-size:9pt">
    line 1<br />
    line 2<br />
    line 3<br />
    line 4<br />
    line 5<br />
    line 6<br />
    line 7<br />
    line 8<br />
    line 9<br />
    line 10<br />
    line 11<br />
    line 12<br />
    line 13<br />
    line 14<br />
    line 15<br />
    line 16<br />
    line 17<br />
    line 18<br />
    line 19<br />
    line 20<br />
    </div>
      

  4.   

    你在网页中加入IFFRAME,参考以下这个代码<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>滚屏</title>
    <script>
    var start=0
    var i=1
    var step=5 //滚屏速度
    var maxscroll=750 //向下滚动的下限function scrolling()
    {
       if(start!=0)
       {
          if(start==1)
          {
            if(i>=maxscroll) {start=0;}
            self.scroll(1,i)
            i=i+step
          }
          if(start==2)
          {
            if(i<=0) {start=0;}
            self.scroll(1,i)
            i=i-step
          }
        }
    }function scrolldown() 
    {
      start=1
      scrolling();
    }function scrollup()
    {
      start=2;
      scrolling();
    }
    </script>
    </head>
    <body>
    <input type="button" value="向下滚屏" onclick="scrolldown()">
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <input type="button" value="向上滚屏" onclick="scrollup()">
    </body></html>
      

  5.   

    这样的效果!但还不完善!
    <HTML>
    <HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312">
    </HEAD>
    <BODY>
    <script language="JavaScript">var dd=0;
    var hh=0;function mvdown(){
    dd+=20;
    window.scrollBy(100,dd)
    }function mvup(){
    dd-=20;
    window.scrollBy(100,dd)
    }
    function keepIE(WinName,WinTop,WinLeft) {
    document.all[WinName].style.top=WinTop+parseInt(document.body.scrollTop)+document.body.clientHeight-90
    document.all[WinName].style.left=WinLeft+parseInt(document.body.scrollLeft)+document.body.clientWidth-80
    }
    function keepIE2(WinName,WinTop,WinLeft) {
    document.all[WinName].style.top=WinTop+parseInt(document.body.scrollTop)+document.body.clientHeight-500
    document.all[WinName].style.left=WinLeft+parseInt(document.body.scrollLeft)+document.body.clientWidth-80}
    </script> <script language=JavaScript>IE4=(document.all)?1:0
    NN4=(document.layers)?1:0if (IE4)
    {
    setInterval('keepIE("Win0",-30,-10)',10)
    setInterval('keepIE2("Win1",-30,-10)',10)
    }
    </script>
    <div id="Win1" style="position:absolute; z-index:1;">      
    <button onclick="mvdown()" style="font-size:11pt;font-weight:bold;color:red">↓</button></div><div id="Win0" style="position:absolute; z-index:2;">      
    <button onclick="mvup()" style="font-size:11pt;font-weight:bold;color:red">↑</button></div>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    <p> 测试 <p>
    </body></html>