Tag : スクロール

READ MORE

最近増えつつある、Webサイトの各コンテンツを、ページを切り替えて見せるのではなく、ページ内をスクロールしてコンテンツ展開しているWebサイト。海外のサイトでよく見かけるようになった手法ですが、その様な、コンテンツ全体をスクロール展開している色々なWebサイトをまとめた、ショーケース記事を自分用メモとして2つほど紹介。…

READ MORE

ここでもWebサイト上のスクロールバーをカスタマイズできるjQueryプラグインをいくつか紹介していますが、実際組み込もうとすると使い勝手の良い物とそうでないものがさまざまあったり。そんなjQueryを使ってのスクロールバーカスタマイズで、実装するのに比較的、簡単シンプルに組み込むことができ、使い勝手の良かったプラグイ…

READ MORE

Webサイト全体を1ページで収めて、画面上をスライドさせてコンテンツ遷移するサイトは最近よく見かけますが、その様なスライド移動をキーボードの操作から実行させることを可能とするjQueryプラグイン「ASCENSOR.js」がなかなかおもしろかったので紹介してみます。ASCENSOR.js≫Jquery.ascensor…

READ MORE

テキストを自動でスクロールさせるマーキー(marquee)。今やWebページ上に組み込むことで、効果的な印象を与えるというよりかはどちらかというと毛嫌いされてしまうものだったりしますが、そんなマーキーの動きに対してjQueryでアニメーション効果を加えることで今までとは違ったマーキーの印象を与えることができる「jQue…

READ MORE

以前もここで「スクロールバーのデザインをカスタマイズできるjQueryプラグイン」としてWebページ上のスクロールバーをカスタマイズできるjQueryプラグインを紹介しましたが、同じ様にスクロールバーのデザインをいろいろ変更することを可能とするjQueryプラグインをまとめたエントリー「10 jQuery Custom…

READ MORE

Webページ内で限られた範囲内にテキストなどを多くの情報を掲載する場合、インラインフレームの様なスクロールエリアを設置することはよくあること。ですが、ブラウザのデフォルトスクロールバーでは見た目があまりにカッコ悪かったりします。その様な際に使える簡単にスクロールバーのデザインをカスタマイズできるjQueryプラグイン「…

READ MORE

昨日のエントリーで書いたjQueryでのスクロール制御を応用して、追尾型メニューリストを作ってみました。Webページ画面の左だったり右だったりに配置してあるメニューリストをスクロールをしても位置を固定して画面上から消えないようにするもの。縦に長くなってしまうサイトなどでは、これがあるとユーザーにも親切な感じがします。(…

READ MORE

先日ふとしたところで、ブラウザのスクロール値によって表示の切り替えを行う必要があり、jQueryでスクロール量を測るサンプルを作ったので紹介してみます。jQueryでブラウザのスクロールされた際の値を取るには『.scrollTop(縦スクロール)』もしくは『.scrollLeft(横スクロール)』などがありますが、あま…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner