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>

JS-DOM:基础实操---固定区域的scrollLeft滚动,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。