scrollTo top


<p (click)="onDo($event)" style="cursor:pointer"> <label style="cursor:pointer">back to top</label>&nbsp;&nbsp;<i class="fa fa-arrow-circle-up" aria-hidden="true"></i> </p>


onDo(){


 let scrollToTop = window.setInterval(() => {     let pos = window.pageYOffset;     if (pos > 0) {         window.scrollTo(0, pos - 20);      } else {         window.clearInterval(scrollToTop);     } }, 16);}


}


or

<input type="submit" (click)="onDo($event)" style="cursor:pointer" value="GoToTop">

 onDo(v:any){
    let scrollToTop = window.setInterval(() => {  
         let pos = window.pageYOffset;  
           if (pos > 0) {        
            window.scrollTo(0, pos - 20);      
          } else {    
                window.clearInterval(scrollToTop);  
                 } }, 16);}

Comments

Popular posts from this blog

Become a Expert + Secret of Success -- ii

Change Detection

without writing media queries How to make responsive component