| ... | ... |
@@ -90,12 +90,13 @@ body {
|
| 90 | 90 |
width:750px; |
| 91 | 91 |
padding-rigth:100px; |
| 92 | 92 |
float:left; |
| 93 |
- height:500px; |
|
| 94 |
- overflow:auto; |
|
| 95 | 93 |
} |
| 96 | 94 |
|
| 97 | 95 |
#content {
|
| 98 | 96 |
padding-right:10px; |
| 97 |
+ overflow:auto; |
|
| 98 |
+ height:500px; |
|
| 99 |
+ padding-bottom:10px; |
|
| 99 | 100 |
} |
| 100 | 101 |
|
| 101 | 102 |
#footer {
|
| ... | ... |
@@ -103,11 +104,14 @@ body {
|
| 103 | 104 |
clear:left; |
| 104 | 105 |
text-align:center; |
| 105 | 106 |
padding-top:10px; |
| 107 |
+} |
|
| 108 |
+ |
|
| 109 |
+#footer-content {
|
|
| 110 |
+ padding-top:10px; |
|
| 106 | 111 |
border-top:1px solid #AAAAAA; |
| 107 | 112 |
padding-top:10px; |
| 108 | 113 |
} |
| 109 | 114 |
|
| 110 |
- |
|
| 111 | 115 |
h1 {
|
| 112 | 116 |
font-weight:bold; |
| 113 | 117 |
font-size:20px; |
| ... | ... |
@@ -113,7 +113,7 @@ |
| 113 | 113 |
} |
| 114 | 114 |
$('#word-pos').text(current_pos);
|
| 115 | 115 |
location.href = '#word-' + current_pos; |
| 116 |
- scroll_little_up (); |
|
| 116 |
+ scroll_little_up(); |
|
| 117 | 117 |
} |
| 118 | 118 |
keep_current_pos = false; |
| 119 | 119 |
}); |
| ... | ... |
@@ -165,8 +165,7 @@ |
| 165 | 165 |
// 少し上へスクロール |
| 166 | 166 |
function scroll_little_up () {
|
| 167 | 167 |
var current_scroll_top = $('#content').scrollTop();
|
| 168 |
- $('#content').scrollTop(current_scroll_top - 130);
|
|
| 169 |
- //$('#content').animate({ scrollTop: current_scroll_top - 50 }, 'fast')
|
|
| 168 |
+ $('#content').scrollTop(current_scroll_top - 70);
|
|
| 170 | 169 |
} |
| 171 | 170 |
}); |
| 172 | 171 |
% end |
| ... | ... |
@@ -231,7 +230,7 @@ |
| 231 | 230 |
|
| 232 | 231 |
|
| 233 | 232 |
<div id="footer"> |
| 234 |
- <div> |
|
| 233 |
+ <div id="footer-content"> |
|
| 235 | 234 |
This site is create by |
| 236 | 235 |
<a href="http://d.hatena.ne.jp/perlcodesample">Perl</a> + |
| 237 | 236 |
<a href="http://d.hatena.ne.jp/perlcodesample/20140319/1395203665">Mojolicious</a>. |