スポンサード リンク

jQuery-Scroll関連のエントリ

スクロールインした際のアニメーションを簡単実装「AOS」
html属性にアニメーションタイプを指定するだけで、スクロールインした際...(続きを読む)
スクロールでどんどん要素にアニメーションを加える「t-scroll」
要素が画面内に入った段階で要素をアニメーションする、最近ではよくあ...(続きを読む)
ナビゲーション等の位置をスクロール時に固定する「jquery.simple-scro...
見開きは定位置ですがスクロールでposition:fixedのように固定させることが...(続きを読む)
サイドバーをスティッキーに固定する「Sticky Sidebar」
FaceBookのPC画面のようなサイドバー固定を簡単に実現できるjQueryプラグイン...(続きを読む)
背景画像をダイナミックに動かしつつParallax効果を作れる「fullPage.j...
上下だけに画面が動くのでなく左右のスライド実装もできます。挙動につ...(続きを読む)
引っ張って更新を簡単実装できる「Pull to Refresh.js」
アプリではもう一般的になった引っ張って更新をWEBでも実現します。依存...(続きを読む)
スクロールで上か下かを判断してコールバック「jquery.scrollDetection...
スクロール後に上にいったか、下にいったかを実現しようとすると、元の...(続きを読む)
表示領域に入ったかどうかを検知する「in-view.js」
アニメーション等は画面領域外でしても静止画と変わらず意味の無いもの...(続きを読む)
コンテンツを全画面で上下左右にスクロールさせられる「viewScroller...
全画面に対応させたページのスライドショー風のスクロールが出来ます。...(続きを読む)
スクロールで消えるレスポンシブなナビゲーションサンプル
スクロールするとアニメーションしつつアプリっぽく消えてスクロールア...(続きを読む)
横幅が大きな要素もスクロールボタンを付けてレスポンシブに対応...
iframeやtable等は横幅に制限をかけることは難しいですが、次のように矢印...(続きを読む)
iOSのScrollView風スクローラをWEB上で実現「ftscroller」
。モバイル、PC上で動作します。PC上で触ってもiOS時の操作のようなスクロ...(続きを読む)
スクロールして画面内に入った際にエレメントをアニメーションさ...
アイテムが画面内に入ったタイミングで要素をアニメーションさせるとい...(続きを読む)
image, iframeをlazyloadしてロード時の関数を指定可能な「Lazyload Images」
。次のようにコードを書いて、画像が画面内に入った時の処理を入れられ...(続きを読む)
ページのスクロールに応じて伸びるプログレスバーUI実装「scrollgres...
縦のスクロールバーに加えて、横の分かりやすいスクロールバーでどこら...(続きを読む)
divに属性をしておくだけでスクロールインした際にアニメーション...
animate.cssのアニメーション効果を、スクロールインした際に起動させられ...(続きを読む)
Googleマップ風に画像を複数ならべてギャラリー風にできる「Eco-Scrol...
。Googleマップは複数の画像をしきつめて地図を表示していますが、同じよ...(続きを読む)
ページのスクロール位置を明示してくれる「jQuery Progress Tracker」
現在ページ内のどのセクションにいるか?分かりやすくしてくれる、最近...(続きを読む)
指定したCSSセレクタ位置にスムーススクロールするJS「Jump.js」
コールバック、duration、オフセット指定など、細かいオプションで挙動の...(続きを読む)
固定フッターをスクロール位置に応じて制御できる「stickyhooters」
単純にボトムにfixedで固定するのではなく、特定要素を表示している時に...(続きを読む)
 1 2 » / 39件
記事をジャンルで探す

not enough data