优化模板中心

src/pages/exchangepage/template/main.js

@@ -37,6 +37,7 @@ export default class mytemplate extends React.Component{
 		topbar:"",
 		 top:"",
 		 toTopshow:false,
+		 toTopFlag:false,
 		 center:"",
 		  bottom:""
     }
@@ -48,7 +49,6 @@ export default class mytemplate extends React.Component{
    
 	}
 	   componentDidMount(e){
-			  //监听滚动条滚动事件
 			  
 			 let self=this;
 		
@@ -74,13 +74,19 @@ export default class mytemplate extends React.Component{
 			  })
 			  }).catch(err=>{
 			});
-			
-		   
-		 }
-		 bindHandleScroll = (event) => {
-			console.log('滚动事件');
+			//监听滚动条滚动事件
+			this.refs.component.addEventListener('scroll',(event)=>{
+				let scrolHeight=event.target.scrollTop;
 				console.log('滚动事件',event);
+				if(scrolHeight>300){
+					this.setState({toTopFlag:true});
+				}else{
+					this.setState({toTopFlag:false});
 				}
+			})
+		   
+		 }
+ 
 		 componentWillUnmount() {
 			window.removeEventListener('scroll', this.bindHandleScroll);
 	}
@@ -341,10 +347,12 @@ export default class mytemplate extends React.Component{
 			  			})
 			  }
 	         </div>
-					 <div ref="toTop" className="toTop-canvas" onMouseEnter={this.mouseupFn.bind(this)} onMouseLeave={this.mouseoverFn.bind(this)}>
+					 {
+						 this.state.toTopFlag?<div ref="toTop" className="toTop-canvas" onMouseEnter={this.mouseupFn.bind(this)} onMouseLeave={this.mouseoverFn.bind(this)}>
 						 <img className="toTopBtn" onClick={this.toTop.bind(this)} src={this.state.toTopshow?'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/totopbtn.svg':'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/willtotop.svg'} alt=""/>
+						 </div>:null
+					 }
 					 
-					 </div>
 					 <div style={{textAlign:'center',color:'#BBC1D2',marginBottom:'15px'}}>到底部了哟,没有了哦</div>
 	        </div>
 	       </div>