せかいや

いまいるここを、おもしろく http://sekai-in-the-box.appspot.com/

【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にメニュー名を変えました。

おわり。