はてなブログのサイドバーの一番したのモジュールをスクロール固定してみる
スクロールされた時に固定される部分があるのをなんていうのかわからないんですが・・・!!!
サイドバーの一番下にあるモジュールを固定するようにしてみました。
の、記録。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(function(){ console.log("TESTTEST"); var target = $(".hatena-module").filter(":last"); var targetTop = target.offset().top + 50; $(window).scroll(function () { if( $(window).scrollTop() > targetTop) { target.css({position:"fixed", top: 20}); } else { target.css({position:"static"}); } }); }); </script>
サイドバーのhatena-moduleクラスのついたのが並んでいるのでそれの一番下を検索して固定します。
- 50とか20とかの数字はこのブログのデザインに合わせて自然に見えるようにしました。
これをヘッダー下部分へと。