平滑滾動進入視野香草的javascript

Question

目前，我有以下代碼滾動到一個div：

button.addEventListener('click',function(){ 
    element.scrollIntoView(); 
},false); 

我怎樣才能使它平滑滾動？ （無jQuery的，無插件）

Answer 1

function animate(elem,time) { 
    if(!elem) return; 
    var to = elem.offsetTop; 
    var from = window.scrollY; 
    var start = new Date().getTime(), 
     timer = setInterval(function() { 
      var step = Math.min(1,(new Date().getTime()-start)/time); 
      window.scrollTo(0,(from+step*(to-from))+1); 
      if(step == 1){ clearInterval(timer);}; 
     },25); 
     window.scrollTo(0,(from+1)); 
    } 

var divVal = document.getElementById('yourElementID'); 
animate(divVal,1000); 

http://jsfiddle.net/p5g4wnj9/

讓我知道如果它幫助！