首页 > 代码库 > JS-DOM:基础实操---固定区域的scrollLeft滚动

JS-DOM:基础实操---固定区域的scrollLeft滚动

<style type="text/css">
#wrap{
    height: 200px;
    width: 200px;
    border: 5px solid yellow;
    overflow: hidden;
}
#child{
    height: 500px;
    width: 500px;
    background-color: #ccc;
}
</style>

 

 

<script>

window.onload=function(){

  oWrap=document.getElementById("wrap");

  var start=0;

  var timer=setInterval(function(){

    start++;

    if(start>=200){

      clearInterval(timer);

    }

    oWrap.scrollLeft=start;

  },30);

}

</script>

 

 

 

<div id="wrap">
    <div id="child">的撒发实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞谁的发生的发生的水电费的撒发实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞谁的发生的发生的水电费的撒发实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞谁的发生的发生的水电费的撒发实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞实得分撒的发生的飞谁的发生的发生的水电费</div>
</div>