#375 Add a button of return to top

support-project · May 20, 2016 · 050f406 · 050f406
1 parent 1bf88ea
commit 050f406
Show file tree

Hide file tree

Showing 7 changed files with 55 additions and 5 deletions.
diff --git a/src/main/webapp/WEB-INF/views/commons/layout/commonFooter.jsp b/src/main/webapp/WEB-INF/views/commons/layout/commonFooter.jsp
@@ -37,4 +37,4 @@
 		<!-- /copy -->
 	</div>
 	<!-- /footer -->
-	
+    <p class="pagetop" style="display: none;"><a href="#content_top">トップ</a></p>
diff --git a/src/main/webapp/WEB-INF/views/commons/layout/commonScripts.jsp b/src/main/webapp/WEB-INF/views/commons/layout/commonScripts.jsp
@@ -27,6 +27,8 @@
 <script type="text/javascript" src="<%= request.getContextPath() %>/bower/notify.js/notify.js"></script>
 <script type="text/javascript" src="<%= request.getContextPath() %>/bower/jquery-oembed-all/jquery.oembed.js"></script>
 
+<script type="text/javascript" src="<%= jspUtil.mustReloadFile("/js/common.js") %>"></script>
+
 
 <script type="text/javascript">
 var _CONTEXT = '<%= request.getContextPath() %>';

diff --git a/src/main/webapp/WEB-INF/views/commons/layout/layoutMain.jsp b/src/main/webapp/WEB-INF/views/commons/layout/layoutMain.jsp
@@ -44,7 +44,7 @@
 </ol>
 --%>
 
-<div class="container">
+<div class="container" id="content_top">
 ${param.PARAM_CONTENT}
 </div>
 

diff --git a/src/main/webapp/WEB-INF/views/commons/layout/layoutNoMenu.jsp b/src/main/webapp/WEB-INF/views/commons/layout/layoutNoMenu.jsp
@@ -46,7 +46,7 @@
 		</div>
 	</div>
 
-<div class="container">
+<div class="container" id="content_top">
 ${param.PARAM_CONTENT}
 </div>
 

diff --git a/src/main/webapp/WEB-INF/views/commons/layout/layoutTop.jsp b/src/main/webapp/WEB-INF/views/commons/layout/layoutTop.jsp
@@ -32,8 +32,9 @@
 
 <body>
 
-
+<div id="content_top" style="margin: 0;padding: 0;">
 ${param.PARAM_CONTENT}
+</div>
 
 
 <c:import url="/WEB-INF/views/commons/layout/commonFooter.jsp" />

diff --git a/src/main/webapp/css/common.css b/src/main/webapp/css/common.css
@@ -132,4 +132,34 @@ body {
 
 .menu_list li {
 	margin-top: 10px;
-}
+}
+
+
+.pagetop {
+    display: none;
+    position: fixed;
+    bottom: 30px;
+    right: 30px;
+}
+.pagetop a {
+    display: block;
+    background-color: #ccc;
+    text-align: center;
+    color: #222;
+    font-size: 12px;
+    text-decoration: none;
+    padding: 20px 10px;
+}
+
+.pagetop a:hover {
+    display: block;
+    background-color: #222;
+    text-align: center;
+    color: #fff;
+    font-size: 12px;
+    text-decoration: none;
+    padding:20px 10px;
+}
+
+
+
diff --git a/src/main/webapp/js/common.js b/src/main/webapp/js/common.js
@@ -0,0 +1,17 @@
+$(document).ready(function() {
+    var pagetop = $('.pagetop');
+    $(window).scroll(function() {
+        if ($(this).scrollTop() > 100) {
+            pagetop.fadeIn();
+        } else {
+            pagetop.fadeOut();
+        }
+    });
+    pagetop.click(function() {
+        $('body, html').animate({
+            scrollTop : 0
+        }, 500);
+        return false;
+    });
+
+});
-Original file line number
+Diff line change
@@ Expand Up / @@ -44,7 +44,7 @@ @@
     </ol>
     --%>
-    <div class="container">
+    <div class="container" id="content_top">
     ${param.PARAM_CONTENT}
     </div>
@@ Expand Down @@