タグ scrollTop
人気順 10 users 50 users 100 users 500 users 1000 usersJavaScriptでスクロールを一時的に止める | EasyRamble
JavaScript で何かしらのイベントをきっかけに、一時的にブラウザのスクロールを停止させたい場合の処理方法を調べました。以下のページで紹介してあった方法がかしこい。 JavaScriptで一時的にスクロールを無効化する | monoの開発ブログ Lightboxっぽいもののデモ CSS と jquery の scrollTop(), scrollLeft() で実現 詳しい解説は、上記ページ... 続きを読む
CSS と jQuery で作るスクロールにあわせて回転するロゴ | WWW WATCH
Tumblr のスタッフ Blog を見てたら、ロゴ (正確にはロゴの周囲の部分) がスクロールにあわせて回転してて、ちょっと面白かったのでサンプルを使って実際にどういう風に実装されているかを解説してみようと思います。 結構仕組みは簡単で、jQuery の scrollTop() を使ってスクロール位置を取得し、その値を CSS の transform プロパティに都度突っ込んでいくっていう感じ。... 続きを読む
【ハウツー】クリエイターのためのWebテク講座 -パララックスで横移動 | クリエイティブ | マイナビニュース
前回のパララックスを応用して、横移動を実装してみましょう。 サンプルを見る こちらのサンプルでは、スクロールすると、スクロールの位置と連動して、横からボックスが出てきます。今回は、最近流行のパララックスの応用について解説します。 縦の移動量を横の移動量に。 jQueryを使って、パララックスのサイトを作る際に肝になるのは、scrollTopの値です。 簡単に説明すると、 ■scrollTopの値が... 続きを読む