JavaScriptでスクロールを一時的に止める | EasyRamble

2015/06/03 29 users EasyRamble jQuery mono スクロール 実現

JavaScript で何かしらのイベントをきっかけに、一時的にブラウザのスクロールを停止させたい場合の処理方法を調べました。以下のページで紹介してあった方法がかしこい。 JavaScriptで一時的にスクロールを無効化する | monoの開発ブログ Lightboxっぽいもののデモ CSS と jquery の scrollTop(), scrollLeft() で実現 詳しい解説は、上記ページ... 続きを読む

CSS と jQuery で作るスクロールにあわせて回転するロゴ | WWW WATCH

2013/07/22 108 users jQuery transform tumblr CSS ロゴ

Tumblr のスタッフ Blog を見てたら、ロゴ （正確にはロゴの周囲の部分） がスクロールにあわせて回転してて、ちょっと面白かったのでサンプルを使って実際にどういう風に実装されているかを解説してみようと思います。 結構仕組みは簡単で、jQuery の scrollTop() を使ってスクロール位置を取得し、その値を CSS の transform プロパティに都度突っ込んでいくっていう感じ。... 続きを読む

【ハウツー】クリエイターのためのWebテク講座 -パララックスで横移動 | クリエイティブ | マイナビニュース

2013/01/24 16 users パララックス ハウツー スクロール クリエイター 応用

前回のパララックスを応用して、横移動を実装してみましょう。 サンプルを見る こちらのサンプルでは、スクロールすると、スクロールの位置と連動して、横からボックスが出てきます。今回は、最近流行のパララックスの応用について解説します。 縦の移動量を横の移動量に。 jQueryを使って、パララックスのサイトを作る際に肝になるのは、scrollTopの値です。 簡単に説明すると、 ■scrollTopの値が... 続きを読む