如何使用JavaScript为“返回顶部”脚本提供流畅性

Question

我有一个简单的“返回顶部”的JS脚本绑定到它的按钮，这让用户到页面的顶部。如何使用经典的JS为这个动作添加流畅度？

Answer 1

当然，下面是JS代码：

​

window.onload = function() {

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

       

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

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

	scrollUp.onclick = function() { 
                	

        window.scrollTo(0,0);


	};

// show button

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

​

按钮是一个带有id="scrollup“的元素