スクロール

ここではスクロール関連のjQueryプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。

指定した位置までスクロールするとスライドするパネル「ScrollSlide」

指定した位置までスクロールするとスライドするパネルを実装するプラグイン「ScrollSlide」を紹介します。 jQueryプラグイン「ScrollSlide」 このプラグインを使えば、ページを指定した位置までくるくると […]

 

左右にスクロールできるタブメニュー「ScrollTabs」

左右にスクロールできるタブメニューを実装するプラグイン「ScrollTabs」を紹介します。 jQueryプラグイン「ScrollTabs」 このプラグインを使えば、マウスを使って左右にスクロールすることのできるタブメニ […]

 

スポンサーリンク

カラー・位置・サイズを調節できるスクロールバーを追加「slimScroll」

カラー・位置・サイズを調節できるスクロールバーを追加することのできるプラグイン「slimScroll」を紹介します。 jQueryプラグイン「slimScroll」 このプラグインを使えば、指定した要素にスクロールバーを […]

 

ページ内スクロールにアニメ効果を「AnimateScroll」

ページ内スクロールにアニメ効果を実装するプラグイン「AnimateScroll」を紹介します。 jQueryプラグイン「AnimateScroll」 このプラグインを使えば、ページ内の特定の場所にさまざまなアニメ効果でス […]

 

パネル型のスクロールをページ内に設置「panelSnap」

パネル型のスクロールをページ内に設置することのできるプラグイン「panelSnap」を紹介します。 jQueryプラグイン「panelSnap」 このプラグインを使えば、ページスクロール(1ページごとのちょうどいい位置に […]

 

スクロールすると自動でコンテンツを読み込む「PageMe」

スクロールすると自動でコンテンツを読み込むことのできる実装プラグイン「PageMe」を紹介します。 jQueryプラグイン「PageMe」 このプラグインを使えば、異なる HTMLファイルのコンテンツをページをスクロール […]

 

縦・横にスクロールするテレビのようなニューステロップ「TV Credits」

縦・横にスクロールするテレビのようなニューステロップを表示するプラグイン「TV Credits」を紹介します。 jQueryプラグイン「LockScroll」 このプラグインを使えば、指定した要素のテキストをニューステロ […]

 

指定した要素をスクロール可能に「Skroller」

指定した要素をスクロール可能にするプラグイン「Skroller」を紹介します。 jQueryプラグイン「Skroller」 このプラグインを使えば、指定した要素にスクロールバーを付けてスクロール可能にすることができます。 […]

 

指定した要素をスクロールしないようにロック「LockScroll」

指定した要素をスクロールしないようにロックすることができるプラグイン「LockScroll」を紹介します。 jQueryプラグイン「LockScroll」 このプラグインを使えば、指定した要素のスクロールをロックし、スク […]

 

画面をスクロールするとコンテンツがふわっと浮かび上がる効果を「Flow Up」

画面をスクロールするとコンテンツがふわっと浮かび上がる効果を実装するプラグイン「Flow Up」を紹介します。 jQueryプラグイン「Flow Up」 このプラグインを使えば、画面をスクロールして新しく表示されるコンテ […]

 

キーボードやクリックでアニメ効果スクロール「Scrollocue」

キーボードやクリックでアニメーション・スクロールを実装するプラグイン「Scrollocue」を紹介します。 jQueryプラグイン「Scrollocue」 このプラグインを使えば、キーボードのキー入力、マウスのクリックで […]

 

水平・垂直スクロースのシングルページを実装「fullPage.js」

水平・垂直スクロースのシングルページを実装するプラグイン「fullPage.js」を紹介します。 jQueryプラグイン「fullPage.js」 シングルページとは、1ページで完結したキャンペーンサイトなどに使われるア […]

 

画面をスクロールさせない!!「noscroll」

画面をスクロールさせないプラグイン「noscroll」を紹介します。 jQueryプラグイン「noscroll」 このプラグインを使えば、Webページに長いコンテンツがあっても、CSSで「height」を指定しても、画面 […]

 

スクロールアップ時に表示されるナビゲーションバー「Scroll up bar」

スクロールアップ時に表示されるナビゲーションバーを実装するプラグイン「Scroll up bar」を紹介します。 jQueryプラグイン「Scroll up bar」 このプラグインを使えば、スクロールダウン時には表示さ […]

 

セクション間をスクロール遷移させるサイドメニュー「Section Menu」

セクション間をスクロール遷移させるサイドメニューを実装するプラグイン「Section Menu」を紹介します。 jQueryプラグイン「Section Menu」 このプラグインを使えば、シンプルな「黒丸」だけのサイドメ […]

 

ページごとに画面をスクロール遷移「Scrollify」

ページごとに画面をスクロール遷移することのできるプラグイン「Scrollify」を紹介します。 jQueryプラグイン「Scrollify」 このプラグインを使えば、1ページごとに画面をスクロールしながら切り替えることの […]

 

スクロール終了時にアラート「Reach Scroll」

スクロール終了時にアラートを実装するプラグイン「Reach Scroll」を紹介します。 jQueryプラグイン「Reach Scroll」 このプラグインを使えば、簡単にスクロール終了の判定をすることができます。 スク […]

 

自動的にスクロールバーが隠れる「Scroll Fade」

自動的にスクロールバーが隠れる効果(アニメーション)を実装するプラグイン「Scroll Fade」を紹介します。 jQueryプラグイン「Scroll Fade」 HTMLでは、divボックスやtableなどの範囲内にお […]

 

「ページトップへ戻る」を実装 - さまざまなオプション付き「GoUp!」 - jQueryプラグイン

「ページトップへ戻る」を実装するプラグイン「GoUp!」を紹介します。 GoUp! このプラグインを使えば「ページトップへ戻る」ボタンを簡単に実装することができます。 さまざまなオプションが付いているので、お好みの「ペー […]

 

指定した要素の子要素がついてくる「headerPersist」

指定した要素の子要素がついてくるjQueryプラグイン「headerPersist」を紹介します。 jQueryプラグイン「headerPersist」 このプラグインを使えば、指定した要素の子要素(例えば、見出しタグh […]

 


スポンサーリンク