react实现list滚动效果

项目需要实现一个展示list自动滚动显示

实现方式:
利用
this.refList=React.createRef(); //这个指向list
获取到该节点
定时器和this.refList.current.scrollTo(0,scrollpx)来每次+1px的滚动

class MyPt extends React.Component {
    private refList: React.RefObject;
    constructor(props:any){
        super(props)
        this.refList=React.createRef(); //这个指向list
    }
  public listMarquee(){
        let scrollPx=0;
         this.listScroll=setInterval(()=>{
			scrollPx+=1;
			if(scrollpx>this.refList.current.scrollHeight){
					this.refList.current.scrollTo(0,0);
				}else{
				this.refList.current.scrollTo(0,scrollpx);
				}
		}),90}
}


render(): React.ReactElement> | string | number | {} | React.ReactNodeArray | React.ReactPortal | boolean | null | undefined {
        return 
}

你可能感兴趣的:(react)