这个是一个基于jQuery 的页面平滑向上滚动的代码,常常用于"回到顶部" "Back To Top"之类的页面摁钮.

本站也是采用了这个脚本.

var pxShow = 300;
var fadeInTime = 400;
var fadeOutTime = 400;
var scrollSpeed = 1000;

jQuery(window).scroll(function(){
	if(jQuery(window).scrollTop() >= pxShow){
		jQuery("#back-to-top").fadeIn(fadeInTime);
	}else{
		jQuery("#back-to-top").fadeOut(fadeOutTime);
	}
});

jQuery(document).ready(function(){
	jQuery('#back-to-top a').click(function(){
		jQuery('html, body').animate({scrollTop:0}, scrollSpeed); 
		return false; 
	}); 		
});

需要注意的是，该按钮的DIV 应该是，需要将它设置为隐藏

#back-to-top{
	display: none;
}

而pxShow 则是规定了该按钮出现时候，页面究竟下滑了多少px，需要注意的是，要适应手机的屏幕尺寸，这个 数值应该比较小