JavaScriptを使用して 'トップに戻る'スクリプトにスムーズさを与える方法

Question

私は、JSの中でそれにバインドされた単純な「トップに戻る」スクリプトを持つボタンを持っています。古典的なJSを使ってこの動きに滑らかさを加えるには？

Answer 1

確かに、ここでJSのコードは次のとおりです。

window.onload = function() { 
 

 
\t var scrollUp = document.getElementById('scrollup'); 
 

 
     
 

 
\t scrollUp.onmouseover = function() { 
 
\t \t scrollUp.style.opacity=0.5; 
 
\t \t scrollUp.style.filter = 'alpha(opacity=30)'; 
 
\t }; 
 

 
\t scrollUp.onmouseout = function() { 
 
\t \t scrollUp.style.opacity = 0.9; 
 
\t \t scrollUp.style.filter = 'alpha(opacity=50)'; 
 
\t }; 
 

 
\t scrollUp.onclick = function() { 
 
       \t 
 

 
     window.scrollTo(0,0); 
 

 

 
\t }; 
 

 
// show button 
 

 
\t window.onscroll = function() { 
 
\t \t if (window.pageYOffset > 0) { 
 
\t \t \t scrollUp.style.display = 'block'; 
 
\t \t } else { 
 
\t \t \t scrollUp.style.display = 'none'; 
 
\t \t } 
 
\t }; 
 
};

ボタンにid = "scrollup"