jQuery Social Share Bar

JavaScript

固定表示される美しいソーシャルシェアバーを実装できる「jQuery Social Share Bar」

jQuery Social Share Barは画面をスクロールしても固定表示されるシンプルで美しいソーシャルシェアバーを実装できるjQueryプラグインです。無駄のないミニマルなデザインで、さりげない存在ながらもユーザーがシェアしたい時にはいつでもアクションを起こせるアクセス性のよさがいいですね。

jQuery Social Share Bar

デモ

PCで見ると画面左端にツイッターやフェイスブックなどが並んだソーシャルシェアバーが設置されています。ページをスクロールしても一定の位置を保ってくれるので、画面領域から消えることがありません。

いつでもシェアできる優れたアクセス性を備えています。

さらに画面の横幅を縮小していくと分かりますが、モバイル版では画面の下部にソーシャルシェアバーが移動します。スマホの画面で横に表示されたままだとコンテンツも見づらくなるので、この仕様はとてもありがたいところです。

サポートしているソーシャルメディアは、フェイスブック、ツイッター、LinkedIn、Google+、ピンタレスト、Reddit、Tumblr、StumbleUpon、Digg、Emailです。

また、オプションには、pageTitle、pageUrl、pageDesc、position、theme、animate、channelsという項目が用意されています。

シンプルで美しいソーシャルシェアバーを固定表示させたい人は、ぜひ「jQuery Social Share Bar」を活用されてみてはいかがですか?

jQuery Social Share Bar

no-image要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」前のページ

シンプルでスタイリッシュなjQueryスライダー「Simple slider」次のページno-image

関連記事

  1. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  2. Timeliny

    JavaScript

    レスポンシブ対応の年ベースによるjQueryタイムライン「Timeliny」

    Timelinyはレスポンシブに対応した年ベースによるタイムラインを実…

  3. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  4. JavaScript

    とても簡単にクールなドロップダウンを実装できるjQueryプラグイン「DropKick」

    個人的に使いやすそうだったので備忘録です。DropKickというjQu…

  5. JavaScript

    軽量で嬉しい!画像を拡大ズームしてくれるjQueryプラグイン「Leroy Zoom」

    Leroy ZoomというjQueryプラグインを使えば、画像を拡大ズ…

  6. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP