Categoryスクロール

超絶簡単にワンページスクロールサイトが作れるjQueryプラグイン『Smint』

SMINT

メニューをクリックするとスルスルっと縦スクロールしていって、コンテンツの部分でとまるワンページスクロールのサイトを作りたい方にぴったりのjQueryプラグインです。

スクロールさせても、ナビゲーションバーがページの上部に固定されます。

サンプルをご覧下さい。

→ 超絶簡単にワンページスクロールサイトが作れるjQueryプラグイン『Smint』サンプル

ワンページスクロールサイトの人気はまだまだ続いていますね。ワンページスクロールサイトは訪問者にとって迷いにくいデザインです。必要な情報を確実に見て貰いたいという場合には有効です。

一から作ろうとすると意外と手間のかかるナビゲーション付きワンページスクロールサイトですが、このjQueryプラグインを使用すると簡単です。

それでは、設置方法の説明をします。

→「超絶簡単にワンページスクロールサイトが作れるjQueryプラグイン『Smint』」の続きを読む

上(トップ)へスクロールさせるならいろんなシーンで使えるjQueryプラグイン「scrollUp jQuery plugin」

scrollUp jQuery plugin

今や定番となっている「スクロールアップ」ボタン。スクロールしているとあらわれて、クリックするとトップへするするとスクロールしてくれるというボタンです。

インターネットで検索すると様々な「スクロールアップ」ボタンを見つけることができて、迷ってしまいます。

いろいろなシーンに合わせて簡単に利用できて、エフェクトも綺麗なjQueryプラグイン「scrollUp jQuery plugin」がオススメです。

サンプルを作ってみました。

上へスクロールさせるならいろんなシーンで使えるjQueryプラグイン「scrollUp jQuery plugin」サンプル

今のホームページにそのまま組み込むだけで、「スクロールアップ」ボタンの設置が出来ますのでとても簡単で便利です。

設置方法は続きをどうぞ。

→「上(トップ)へスクロールさせるならいろんなシーンで使えるjQueryプラグイン「scrollUp jQuery plugin」」の続きを読む

スクロールしても良い感じにナビゲーションメニューを固定できるjQueryプラグイン『stickyMojo』

サイドバー風のナビゲーションパーツをスクロールさせても一定の場所に固定してくれるのが、このjQueryプラグイン『stickyMojo』です。動作も軽くスムーズで、違和感がない固定のサイドナビゲーションが実装できるので便利です。

サンプルを作ってみました。

→ 「スクロールしても良い感じにナビゲーションメニューを固定できるjQueryプラグイン『stickyMojo』」サンプル

フッターのコンテンツまでくると、フッターと重ならないように調整してくれますね。このように画面をリサイズしてもメインコンテンツと重ならない、またフッターコンテンツと重ならないように固定できます。

設置の仕方も簡単です。

→「スクロールしても良い感じにナビゲーションメニューを固定できるjQueryプラグイン『stickyMojo』」の続きを読む

ブラウザでiPhoneやiPadのようなスクロールを実現させるjQueryプラグイン「Overscroll」

Overscroll

jQueryプラグイン「Overscroll」は、ブラウザでiPhoneやiPadのスクロールのような動きを再現させることができます。

サンプルを作ってみました。

→ ブラウザでiPhoneやiPadのようなスクロールを実現させるjQueryプラグイン「Overscroll」サンプル

設置も簡単にできますので、見せ方次第では面白い使い方が出来るのではないでしょうか?

→「ブラウザでiPhoneやiPadのようなスクロールを実現させるjQueryプラグイン「Overscroll」」の続きを読む

ページの先頭へスクロール。お洒落な「Back To Top」を表示させるjQuery「BackToTop」プラグイン

MyjQueryPlugins BackToTop plugin

ページの先頭にスクロールさせる「Back To Top」リンクボタン。最近ではいろいろな「Back To Top」を見かけますが、jQueryを使用したエフェクトやデザイン的にもお洒落に作ってある簡単jQueryプラグインをご紹介します。

サンプルを作ってみました。こちらをご覧ください。

 jQuery「BackToTop」サンプルページ

それでは設置方法を説明します。

→「ページの先頭へスクロール。お洒落な「Back To Top」を表示させるjQuery「BackToTop」プラグイン」の続きを読む

横スクロールさせたい時の簡単便利なjQueryプラグイン「Smooth Vertical or Horizontal Page Scrolling with jQuery」


Smooth Vertical or Horizontal Page Scrolling with jQuery

他のサイトと差をつけて、サイトを横スクロールで作成したいときに便利なjQueryプラグインです。印象的かつスムーズに横スクロールします。

まずはサンプルをご覧ください。

→ Smooth Vertical or Horizontal Page Scrolling with jQueryプラグインサンプル

→「横スクロールさせたい時の簡単便利なjQueryプラグイン「Smooth Vertical or Horizontal Page Scrolling with jQuery」」の続きを読む