タグ

scrollbarに関するwpeeeのブックマーク (3)

  • スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQueryプラグイン・Tiny Scrollbar - かちびと.net

    題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。 デザインそのものはcssでカラーリングしたり、画像に置換したり、と自由も利いて、クロスブラウザにも対応、3KB以下と軽量です。 こんな感じでデザインを変えられます。せっかく統一性をうまく出したのに仕様上スクロールバーが出てしまって一体感を損なう悲しみと絶望感はWebデザイナーさんなら経験したことがあるのではないでしょうか?え、無いの・・じゃあいらないかn Sample まぁせっかくなので見てください。 当サイトの右上のギアアイコンを使いました。このアイコンをクリックすると回転するんですがこれはcss3のkeyframeとanimateでうごかs、あ、どうでもいいですよね。 IE6/7 IEで

    スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQueryプラグイン・Tiny Scrollbar - かちびと.net
  • スクロールバーをデザインする::-webkit-scrollbarに関しての覚え書き

    Google Chrome、Safari、Lunascape Webkitなど、Webkit系ブラウザで利用できる::-webkit-scrollbar擬似要素に関する覚え書きです。 これはその名の通り、スクロールバーをデザインするときに使います。 基的な説明はSafariのブログに書かれていますので、そちらを参考にしました。 また、この記事で説明に使っているキャプチャ画像は、Safariのデモページのものです。 Surfin’ Safari - Blog Archive » Styling Scrollbars スクロールバーのパーツを構成する擬似要素これらを指定するときにはWebkit用のベンダープレフィクス-webkit-を忘れないようにしましょう。 ::-webkit-scrollbarwidthで縦スクロールバーの幅、heightで横スクロールバーの高さを指定します。 パーセン

    スクロールバーをデザインする::-webkit-scrollbarに関しての覚え書き
  • ブラウザに依存しないスクローラー[jsScroller] (ウェブのあれこれ格納庫)

    ウェブのあれこれ格納庫 » Javascript » ブラウザに依存しないスクローラー[jsScroller] ブラウザに依存しないスクローラー[jsScroller] スクロールバーはブラウザ毎に決まっていて、IE では CSS の設定で色や影の具合など設定できるが、最近ではあまり使われていない。 FLASH のようにオリジナルのスクロールバーやボタンが作れれば~・・・と思ってたら、あった(・∀・!! JSライブラリ名称: jsScroller 配布元: N-SON URL: http://www.n-son.com/scripts/jsScrolling/jsScroller.html JavascriptCSS の併用で動き[position]プロパティを駆使して作成しているため、その辺の知識が無いとちょっと難しいかもしれんが・・・まぁ何かと便利そうなので。 ってことで js

  • 1