Add back to top button

nanlei · May 9, 2015 · af5d16a · af5d16a
1 parent 6fcdf64
commit af5d16a
Show file tree

Hide file tree

Showing 32 changed files with 94 additions and 8 deletions.
diff --git a/src/main/webapp/Freemarker/front/article/article.ftl b/src/main/webapp/Freemarker/front/article/article.ftl
@@ -31,5 +31,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/article/article_list.ftl b/src/main/webapp/Freemarker/front/article/article_list.ftl
@@ -28,5 +28,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/contact/contact_dept.ftl b/src/main/webapp/Freemarker/front/contact/contact_dept.ftl
@@ -41,5 +41,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/contact/contact_list.ftl b/src/main/webapp/Freemarker/front/contact/contact_list.ftl
@@ -63,6 +63,7 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </html>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/department/department.ftl b/src/main/webapp/Freemarker/front/department/department.ftl
@@ -166,6 +166,7 @@ $(function () {
 	$dd.eq(0).show();
 	 $dt.eq(0).css('cursor', 'default');
  });
-</script> 
+</script>
+<script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/department/department_article.ftl b/src/main/webapp/Freemarker/front/department/department_article.ftl
@@ -95,5 +95,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/department/department_sublist.ftl b/src/main/webapp/Freemarker/front/department/department_sublist.ftl
@@ -71,5 +71,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/download/download_list.ftl b/src/main/webapp/Freemarker/front/download/download_list.ftl
@@ -46,5 +46,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/duty/duty_list.ftl b/src/main/webapp/Freemarker/front/duty/duty_list.ftl
@@ -65,5 +65,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/index.ftl b/src/main/webapp/Freemarker/front/index.ftl
@@ -477,6 +477,7 @@ function setTab(name,cursel,n){
     <@p.bottom/>
     <!--end of bottom -->
 	<script src="${base}/js/scroll.js"></script>
+	<script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 <@p.frontJS />
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/informationsecurity/informationsecurity.ftl b/src/main/webapp/Freemarker/front/informationsecurity/informationsecurity.ftl
@@ -27,5 +27,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/informationsecurity/informationsecurity_list.ftl b/src/main/webapp/Freemarker/front/informationsecurity/informationsecurity_list.ftl
@@ -27,5 +27,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/job/job.ftl b/src/main/webapp/Freemarker/front/job/job.ftl
@@ -47,5 +47,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/job/job_article.ftl b/src/main/webapp/Freemarker/front/job/job_article.ftl
@@ -55,5 +55,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/job/job_sublist.ftl b/src/main/webapp/Freemarker/front/job/job_sublist.ftl
@@ -46,5 +46,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/latest.ftl b/src/main/webapp/Freemarker/front/latest.ftl
@@ -52,5 +52,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/law/law.ftl b/src/main/webapp/Freemarker/front/law/law.ftl
@@ -27,5 +27,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/law/law_list.ftl b/src/main/webapp/Freemarker/front/law/law_list.ftl
@@ -27,5 +27,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/mailbox/mailbox_info.ftl b/src/main/webapp/Freemarker/front/mailbox/mailbox_info.ftl
@@ -71,6 +71,7 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </html>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/mailbox/mailbox_list.ftl b/src/main/webapp/Freemarker/front/mailbox/mailbox_list.ftl
@@ -57,6 +57,7 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </html>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/oa/assetrepair_list.ftl b/src/main/webapp/Freemarker/front/oa/assetrepair_list.ftl
@@ -66,6 +66,7 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </html>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/oa/meeting_list.ftl b/src/main/webapp/Freemarker/front/oa/meeting_list.ftl
@@ -63,6 +63,7 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </html>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/oa/overtimemeal_list.ftl b/src/main/webapp/Freemarker/front/oa/overtimemeal_list.ftl
@@ -60,6 +60,7 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </html>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/search/search.ftl b/src/main/webapp/Freemarker/front/search/search.ftl
@@ -50,5 +50,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/talent/talent.ftl b/src/main/webapp/Freemarker/front/talent/talent.ftl
@@ -57,5 +57,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/talent/talent_list.ftl b/src/main/webapp/Freemarker/front/talent/talent_list.ftl
@@ -46,5 +46,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/Freemarker/front/talent/talent_sublist.ftl b/src/main/webapp/Freemarker/front/talent/talent_sublist.ftl
@@ -50,5 +50,6 @@
     <!--beginning of bottom -->
     <@p.bottom/>
     <!--end of bottom -->
+    <script src="${base}/js/scrolltopcontrol.js"></script>
 </body>
 </@p.page>
diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
@@ -520,4 +520,6 @@ hr{border:5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10p
 .slider dd{ display:none;  border-bottom:1px dashed #fafafa; overflow:hidden;} 
 .slider dd a{ display:block;padding:0 10px; overflow:hidden;border-bottom:1px solid #e2e2e2; height:26px;line-height:26px;color:#565656} 
 .slider dd a:hover{background:#efefef;color:#333;}
-.slider dd a.on{background:#efefef;color:#333;}
+.slider dd a.on{background:#efefef;color:#333;}
+
+#topcontrol{z-index:1000;}
diff --git a/src/main/webapp/images/topback.gif b/src/main/webapp/images/topback.gif
diff --git a/src/main/webapp/js/miniui/miniui.js b/src/main/webapp/js/miniui/miniui.js
diff --git a/src/main/webapp/js/miniui/themes/default/miniui.css b/src/main/webapp/js/miniui/themes/default/miniui.css
@@ -402,7 +402,7 @@ body .mini-labelfield
 }
 body .mini-labelfield-checkboxlist
 {
-    width:auto;
+    width:auto;*zoom:1;
 }
 .mini-button
 {
@@ -3679,7 +3679,7 @@ body .mini-tree-loading .mini-treegrid-ec-icon
 .mini-tree-treeLine .mini-tree-node-ecicon-firstAndlast
 {
     background-position:50% 50%;
-    background-image:url(images/tree/lastLine.gif);
+    background-image:url(images/tree/lastline.gif);
 }
 
 

diff --git a/src/main/webapp/js/scrolltopcontrol.js b/src/main/webapp/js/scrolltopcontrol.js
@@ -0,0 +1,57 @@
+var scrolltotop={
+	setting:{
+		startline:100, //起始行
+		scrollto:0, //滚动到指定位置
+		scrollduration:400, //滚动过渡时间
+		fadeduration:[500,100] //淡出淡现消失
+	},
+	controlHTML:'<img src="/images/topback.gif" style="width:54px; height:54px; border:0;" />', //返回顶部按钮
+	controlattrs:{offsetx:30,offsety:10},//返回按钮固定位置
+	anchorkeyword:"#top",
+	state:{
+		isvisible:false,
+		shouldvisible:false
+	},scrollup:function(){
+		if(!this.cssfixedsupport){
+			this.$control.css({opacity:0});
+		}
+		var dest=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);
+		if(typeof dest=="string"&&jQuery("#"+dest).length==1){
+			dest=jQuery("#"+dest).offset().top;
+		}else{
+			dest=0;
+		}
+		this.$body.animate({scrollTop:dest},this.setting.scrollduration);
+	},keepfixed:function(){
+		var $window=jQuery(window);
+		var controlx=$window.scrollLeft()+$window.width()-this.$control.width()-this.controlattrs.offsetx;
+		var controly=$window.scrollTop()+$window.height()-this.$control.height()-this.controlattrs.offsety;
+		this.$control.css({left:controlx+"px",top:controly+"px"});
+	},togglecontrol:function(){
+		var scrolltop=jQuery(window).scrollTop();
+		if(!this.cssfixedsupport){
+			this.keepfixed();
+		}
+		this.state.shouldvisible=(scrolltop>=this.setting.startline)?true:false;
+		if(this.state.shouldvisible&&!this.state.isvisible){
+			this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);
+			this.state.isvisible=true;
+		}else{
+			if(this.state.shouldvisible==false&&this.state.isvisible){
+				this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);
+				this.state.isvisible=false;
+			}
+		}
+	},init:function(){
+		jQuery(document).ready(function($){
+			var mainobj=scrolltotop;
+			var iebrws=document.all;
+			mainobj.cssfixedsupport=!iebrws||iebrws&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;
+			mainobj.$body=(window.opera)?(document.compatMode=="CSS1Compat"?$("html"):$("body")):$("html,body");
+			mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+"</div>").css({position:mainobj.cssfixedsupport?"fixed":"absolute",bottom:mainobj.controlattrs.offsety,right:mainobj.controlattrs.offsetx,opacity:0,cursor:"pointer"}).attr({title:"返回顶部"}).click(function(){mainobj.scrollup();return false;}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&mainobj.$control.text()!=""){mainobj.$control.css({width:mainobj.$control.width()});}mainobj.togglecontrol();
+			$('a[href="'+mainobj.anchorkeyword+'"]').click(function(){mainobj.scrollup();return false;});
+			$(window).bind("scroll resize",function(e){mainobj.togglecontrol();});
+		});
+	}
+};
+scrolltotop.init();