鼠標移入自動向上滾動，鼠標移出停止滾動的實現

效果：鼠標移入自動向上滾動，鼠標移出停止滾動

 

滾動區域設置onMouseOver與onMouseOut事件。listEle表示需要滾動的列表dom，設置2個是為了達到無縫滾動效果。

onMouseOver清除定時器timer，達到停止滾動效果。

onMouseOut打開定時器timer，每100ms調用一次rollStart，達到滾動效果。

 

//若列表的頂部滾動到了他的高度處，就重置位置。否則頂部不斷增加

 

rollStart=()=>{
    let {ul1,ul2,list}=this.refs
    if(!list) return;
    // console.log(ul1.scrollHeight)
    if (list.scrollTop >= ul1.scrollHeight-2) {
      list.scrollTop = 0;
     } else {
      list.scrollTop+=2;
    }
  }

 

在ComponentDidMount中調用定時器，進入頁面后自動滾動