【Webデザイン】初期表示に「がくん」となる。の解決方法
このブログ、一日200pvくらいあるんだよ。。
不思議だよね。
自分のサイトを改修します
sekai in the box!
初期表示の「がくん」を解決
show関数を使って要素をゆっくり表示していると、
初期表示時に要素の高さ・幅が計算されない。
このためスクロールが発生するような要素幅(高さ)だった場合は、
スクロール発生時点で、コンテンツの幅(高さ)がスクロール幅分 再計算される。
このため表示が「がくん」となる。
解決策
ゆっくり要素を出したいだけであれば、fadeIn関数を使えばいい。
$ git diff HEAD^ com/js/anime.js diff --git a/com/js/anime.js b/com/js/anime.js index 7ab3859..de10061 100644------- --- a/com/js/anime.jssertions(+), 8 deletions(-) +++ b/com/js/anime.js @@ -86,7 +86,7 @@ jQuery(document).ready(e7772c function(){ail.com> return jQuery.Deferred(function(dfd) { setTimeout(function() { - $(".notanime").show(3000) + $(".notanime").fadeIn(3000)
Gitコミット履歴表示の整形
今は「info」ページでコミット履歴を表示してるんだけど、
表示内容を整形して見やすくする。
git時間を日本時間に変更
JavaScriptのtoLocaleString関数を使って表示時間を見やすく
new Date(res[i].commit.author.date).toLocaleString()
あと、info って感じでもないので、historyにメニュー名を変えました。
おわり。