[B! css][ScrollBar] astk_fのブックマーク

astk_f id:astk_f

cssとScrollBarに関するastk_fのブックマーク (2)

スクロールバーの幅
スクロールバーの幅を知りたいことはままある。CSSで拾えれば最高なのだけど……というところで、calc(100vw - 100%)で拾えることがわかった。ただこれで拾えるかどうかはその要素の親に依存するので、いつでもどこでも使えるわけではない。せめてJavaScriptでは扱えるようにしてみたい。 Demo: Get Scrollbar Width with JavaScript ボタンをクリックするとスクロールバーの幅がダイアログで表示される。オーバーレイのスクロールバーの場合は0pxになり、そうでない場合はスクロールバーの幅が返る。body要素の幅が100%であることが条件になるが、まず大丈夫だろう。仕組みは単純なものでwidthプロパティーをcalc(100vw - 100%)にした要素をbody要素の子に突っ込んで、計算済みスタイルを拾うというだけだ。overflowプロパティー
astk_f 2015/01/26
html

css

javascript

ScrollBar

tips

webdesign
リンク
lancia designlogue: [Flash] FireFox 3.6 の親切の様な困った仕様対策(クリックでスクロール出ちゃうやつ)
FF3.6入れた所・・・。 Flash領域をクリックすると、なんとスクロールバーが発生！！！！！ ※swfの張りつけがembed(swfObject1.x 系とか？)だと大丈夫みたい。 swfObject2.xやObjectタグで配置していると汗かも？うっほー。Progressionや、その他制作していたサイトが軒並みアウト。※一番下に追記ありこれは・・・と思ってぼそぼそ呟いていたら@cyocunさんや@mahirokさんから神のお告げが！！ Progressionの場合。 progression.cssの#flashcontent:focus に対して以下を追加！ outline:none; で・・・いけました。 mahirokさん曰く「アクセシビリティ的には正しいとは言えるのだけど...」確かに・・・。確かにそうなんですが・・・。まじ焦りました・・・。orz... mahiro
astk_f 2010/03/13
ScrollBar

version

Firefox

css

focus
リンク
1