下方向にもCSS Transitionでスムーズにスクロール
少し前のCSS Transitionを使ったスムーズにスクロールしてトップに戻る機能という記事では、CSS Transitionを使ってスムーズにスクロールさせるためにbody要素のmargin-topプロパティーを負の値を設定した。これはとにかく上方向へのスクロールにしか使うことは出来ない。下方向にスムーズにスクロールさせるためにはまた別のアプローチが必要になるようだ。 何かしらのCSSプロパティーを使い、body要素を上方向にずらすということになる。つまりtransformプロパティーでtranslate()やtranslate3d()を使いY方向のマイナスへ動かすのが向いているようだ。あとはtransitionプロパティーを組み合わせるだけでスムーズにスクロール(しているように見せる)ことができる。 Demo: Scroll Down Smoothly with CSS Transi
ScrollMagic
ScrollMagic helps you to easily react to the user's current scroll position. It's the perfect library for you, if you want to ... animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky ele
jQuery Scroll Depthを使ってみたので詳細を書いとく - ファンブログハック
先日、ブログが読まれない？ 読まれているよ、意外にって記事を書きました。（タイトル変更してます。）アクセス解析の滞在時間とか直帰率とか、数値をそのまま信じちゃ駄目だよ、数値よりもちゃんと読まれてるんだよ、って事を書きました。まあ、数値ってのは読み方をちゃんと知っておかなきゃいけないよ、ってな話です。 そんな記事を書いた後に、こんな記事を発見。 [JS]あなたのウェブページがどのくらいスクロールされて見られているかが分かるスクリプト -jQuery Scroll Depth | コリス このスクリプトを使えば、ちょっとは自分の記事がどれくらい読まれているのか、ってのが結構分かるな~と。便利な物を作ってくださる方がやっぱいるんだな~と。ありがたやありがたや。 てな訳で、早速導入してみました。コリスさんのページでは書かれていない仕様の詳細とかオプションについてとか書きます。 jQuery Scr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
