他のカラムに合わせて内容をスマートにスクロールさせられるjQueryプラグイン「SmartColumnScroller」
2010年12月09日-
スポンサード リンク
dhlavaty/jQuery-SmartColumnScroller - GitHub
他のカラムに合わせて内容をスマートにスクロールさせられるjQueryプラグイン「SmartColumnScroller」。
通常、複数のカラムがあると、どちらかの縦の長さが長いので、下の方にスクロールしていくとどちらかが見えなくなってしまいます。
たとえば、ブログ等だと左カラムの記事部分が長くなりがちです。メインである記事を読み終えた後は、スクロールしたことで右カラムの内容も綺麗になくなっていますね。
左カラムが縦長の場合、右カラムに空白が出来てしまう
このプラグインを使えば、右カラムが見えなくならないよう、右カラムがうっとうしくない具合に付いてきてくれます。
関連記事へのリンク等を右カラムに表示して、読み終わった後の誘導リンクとして使うこともできそう
わりと地味なようで、記事を読み終わった後、フッターだけでなく、右カラムも遷移先として訪問者の方に提案できるというわけです。
この少しの違いがアクセスが多いページなんかだと大きな効果が期待できるかもしれませんね。右カラムの内容を無駄に表示しないためにも入れてみてもよいかも。
jQuery('#myDiv').smartColumnScroller(); 使い方も必要なライブラリを読んだあとはたったこれだけ。
実際の動きはデモページをご覧ください
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ