关注F2E-UED-SEO

淘布斯网站需要做一个回顶部的简单效果，mootools功能强大可以直接往上写，而Jquery简练，需要挂一个简单的小插件。
点击这里查看Mootools的回顶部Demo
先发下Mootools的写法 点击下载实例

window.addEvent('domready',function(){
       $('gotop').inject(document.body).addEvent('click',function(){
		   new Fx.Scroll(window,{link:'cancel'}).toTop();
	   }).setOpacity(.8);
	   this.addEvent('scroll',function(){
	        if(window.getScrollTop()>100){
		    $('gotop').setStyle('top',window.getSize().y + window.getScrollTop() - $('gotop').getSize().y).show();
	       }else{
		      $('gotop').hide();
		   }
	   });
   });

ID为gotop点击触发事件，当页面是最顶部的时候，按钮隐藏，不过按钮的定位需要CSS绝对定位在某一位置

———————–

Jquery的写法则更为简单，直接挂上插件就可以使用！
不过在scrolltopcontrol.js的配置的参数信息需要配置正确
点击这里查看Jquery的回顶部Demo
下面是关键代码配置参数 点击这里下载实例

    /*startline: 鼠标向下滚动了100px后出现#topcontrol*/
	/*scrollto: 它的值可以是整数，也可以是一个id标记。若为整数（假设为n），则滑动到距离
                    top的n像素处；若为id标记，则滑动到该id标记所在的同等高处*/
	/*scrollduration:滑动的速度*/
	/*fadeduration:#topcontrol这个div的淡入淡出速度，第一个参数为淡入速度，第二个参数
                    为淡出速度*/
	/*controlHTML:控制向上滑动的，默认为<img src="up.png" style="width:48px;
                    height:48px" />，可以自行更改。该处的html代码会被包含在一个id标记
                    为#topcontrol的div中。*/
	/*controlattrs:控制#topcontrol这个div距离右下角的像素距离*/
	/*anchorkeyword:滑动到的id标签*/
	/*state: isvisible:是否#topcontrol这个div为可见
		 shouldvisible:是否#topcontrol这个div该出现*/

    setting:{startline:1,scrollto:0,scrollduration:1000 fadeduration:[500, 100]},
	controlHTML: '<img src="up.png" style="width:24px; height:24px" />',
	controlattrs: {offsetx:5, offsety:5},
	anchorkeyword: '#top',
	state: {isvisible:false, shouldvisible:false},