JS实现div自动滚动

最新推荐文章于 2024-02-26 14:16:49 发布

加油馒头

最新推荐文章于 2024-02-26 14:16:49 发布

阅读量1.1w

点赞数

分类专栏： js 文章标签： div delay function

本文链接：https://blog.csdn.net/jaylongli/article/details/5738111

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html>

<body>
<div id="show" style="overflow:scroll;height:210px;">
rrrrrrrrrrrrrrrrrrrrrrrrrrrrr
r
r
<div style="width:100px;height:10px;border:1px solid red;top:0px;left:-10px;position:relative ">
  dd
  </div>
  <div style="width:100px;height:10px;border:1px solid red;top:50px;postion:absolute;margin-top: -40;margin-left:-20;folat:left; ">
  ddddddd
  </div>
  <div style="width:100px;height:10px;border:1px solid red;folat:left; ">
  ddddddd
  </div>
r
r
<p>1</p>
<p>2</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>r8</p>
<p>9</p>
<p>r0</p>
<p>　</div>
<script>
function startmarquee(lh,speed,delay){
     var t;
     var oHeight = 210; /**//** div的高度 **/
     var p=false;
     var o=document.getElementById("show");
     var preTop = 0;
    o.scrollTop = 0;
    function start(){
        t=setInterval(scrolling,speed);
        // o.scrollTop += 1;
    }
    function scrolling(){
// alert()
     //   if(o.scrollTop%lh!=0 && o.scrollTop%(o.scrollHeight-oHeight-1)!=0){

if( o.scrollHeight-o.offsetHeight<o.scrollTop){

            preTop = o.scrollTop;
            o.scrollTop+=1;
            if(preTop >= o.scrollHeight || preTop==o.scrollTop){
                o.scrollTop = 0;
            }
        }else{
          // clearInterval(t);
          // setTimeout(start,delay);
        }
         o.scrollTop+=1
    }
    setTimeout(start,delay);
}
startmarquee(20,20,500);
/**//**startmarquee(一次滚动高度,速度,停留时间);**/
</script>