上にスクロールしなくても発言(含むreply)できるようにする
約30秒に一回/homeタイムラインの更新を確認し、
更新した分だけ上に継ぎ足していってくれるJavaScript
を使っていると1ページがどんどん長くなっていって、
上に行って発言したりreplyして、また元の箇所に戻って読み続ける
というのがとてもつらくなります。
というわけで今回は発言用フォームが画面上に常に表示されているようにしました。
そのまま表示されていると邪魔なことこの上ないので、
普段は薄い半透明で、入力欄にフォーカスが行ったときだけ濃くなるようにしました。
(function($){ $('#navigation').remove(); var sideOffset = $('#side').offset(); $('#side') .css({ 'position':'fixed' ,'left':sideOffset.left ,'top':20 }); $('#doingForm') .css({ 'left':20 ,'top':130 ,'position':'fixed' ,'z-index':'1' ,'opacity':'0.1' }) .find(':button') .insertBefore('#doingForm center'); $('#status') .bind('focus',function(){ $('#doingForm').css({'opacity':'0.8'}); }) .bind('blur',function(){ $('#doingForm').css({'opacity':'0.1'}); }); })(jQuery);
これだけだとreplyを「@monjudoh」みたいに手打ちするときはいいものの、
replyリンクをクリックすると一番上までスクロールしてしまうので、
/homeタイムライン自動更新 ver0.02 - 文殊堂と併用します。