2012/03/30
スクロールについてくる要素とその可動範囲の指定。あれ?この場合ついていかない要素ってことになるのかな?
長いページをスクロールしているとサイドメニューなどが見えなくなるときがありますよね。その場合、他のページに移動するにはヘッダーもしくはフッダー、サイドメニューの見える位置までスクロールしないといけません。結構、嫌になるときがありますよね。。。それを解消するには、ページのどの位置にいてもメニューが見えていればいいのです。簡単ですね。そう、お気づきのとおり「 position: fixed 」です。た
...end more
2012/03/29
ページ内スクロール。アンカーのように”id”を指定するだけです。
前回のメモ、「ページ上部にスクロールしながら戻る。」の拡張版です。
ページ内のアンカーへの移動は、一瞬で位置が切り替わることもあり迷子になる可能性がありました。なので、あまり好んで使用はしてこなかったのですが、スクロールしながら指定位置(アンカー)まで移動ができるのであれば迷子も少なくなるのではないかと思い調べてみました。
先にサンプルを見た方が早いので説明はその後にどうぞ。
Sampl
...end more
2012/03/27
ページ上部にスクロールしながら戻る。
ページの上部に戻る処理を、ちょっとおしゃれにする方法をメモる。このサイトの右下に出てくる「Back to Top」も、この方法で実装しています。
html - head内
[html]
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?v
...end more