Edit

Page

Page title:

Page body:

* 位置

[12] [[垂直スクロールバー]]は、 [[ltr]] では[[右側]]、
[[rtl]] では[[左側]]に表示するのが普通です。

[13] [[左利き]]の人は [[ltr]] でも[[左側]]に表示したいことがあるようです。
しかしそのような実装は少ないようです。

;; [[左利き]]も参照。

* スクロール・バー (CSS)

[3]
[[スクロール・バー]]が[[要素]]の[[箱]]の端に配置される場合、
[[境界内辺]]と[[詰め外辺]]の間に入れる[['''べきです''']]。
この空間は[[レンダリング]]上の[[次元]]の計算に影響します。
[SRC@en[[[CSS 2.1]] 11.1.1]]

** 仕様書

[4]
[CITE@en[Visual effects]] ([TIME[2007-07-20 04:27:43 +09:00]] 版) <http://www.w3.org/TR/2007/CR-CSS21-20070719/visufx.html#overflow>

* [CODE(XML)@en[scroll]] (MathML [CODE(XMLe)@en[math]] 要素 [CODE(XMLa)@en[overflow]] 属性)

[5] [[MathML]] の [CODE(XMLe)@en[[[math]]]] [[要素]]の [CODE(XMLa)@en[[[overflow]]]]
[[属性]]の値「[DFN[[CODE(XML)@en[[[scroll]]]]]]」は、
[[数式]]が収まりきらないときに[[スクロール・バー]]によって[[スクロール]]可能な形で一部を隠して[[レンダリング]]するべきことを表します。

** 仕様書

- [6] [CITE[MathML Fundamentals]] ([TIME[2010-10-21 05:51:46 +09:00]] 版) <http://www.w3.org/TR/2010/REC-MathML3-20101021/chapter2.html#interf.toplevel.atts>

** レンダリング

[7] [CODE(XML)@en[[[scroll]]]] が指定された場合には、[[数式]]全体が与えられた領域に収まらなければ、
完全な表示に対する一部分の [[viewport]] として[[レンダリング]]を行い、
必要に応じて[[垂直スクロール・バー]]、[[水平スクロール・バー]]を表示するのがよいとされています
[SRC[>>6]]。

** 関連

[8] [[CSS]] における [CODE(CSS)@en['[[overflow]]: [[scroll]]']] は[[スクロール・バー]]を常に表示しますが、
[[MathML]] ではそうではなく、むしろ [CODE(CSS)@en['[[overflow]]: [[auto]]']] 
の[[レンダリング]]となります。

* 利用者体験

[15] 標準状態では [[Webブラウザー]]は[[スクロールバー]]をその[[プラットフォーム]]の通常の方法で[[スクロールバー]]を[[レンダリング]]します。
[[著者]]は、これをむやみに変更するべきではありません。

[16] 例えば一部では[[スクロールバー]]を細く表示させるのが流行っていますが、
標準状態では接続されている[[指示装置]]の特性や[[利用者]]の好みに応じて最も操作しやすい幅に調整されているはずですから、
不適切です。[[著者]]の[[プラットフォーム]]の慣習や見た目上の好みをすべての[[利用者]]に押し付けるべきではありません。

[17] [[スクロールバー]]の配色をそのページの見た目に合わせて変更することもありますが、
[[背景]]に溶け込みすぎてわかりづらい配色など、利便性を低下させるような変更は避けるべきです。

* メモ

[9] [CITE[IRC logs: freenode / #whatwg / 20110815]]
( ([TIME[2011-08-27 15:22:54 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20110815>

[10] [CITE@ja[Twitter / ilistes: Scrollbars through history ...]]
( ([TIME[2012-10-05 00:56:41 +09:00]] 版))
<https://twitter.com/ilistes/status/250658949467099136>

[11] [CITE[''''''[''''''whatwg'''''']'''''' Should scrollbars move focus?]]
( ([TIME[2012-10-23 01:32:26 +09:00]] 版))
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-October/037676.html>

[14] [CITE[Chrome 32 スクロールの問題 まとめ - Google プロダクト フォーラム]]
( ([TIME[2014-01-27 11:25:57 +09:00]] 版))
<http://productforums.google.com/forum/#!topic/chrome-ja/I05Ixft9UF8%5B1-25-false%5D>

[1]
[CITE[イヌでもわかるJavaScript講座]] ([CODE[2002-11-14 21:24:42 +09:00]] 版) <http://www.red.oit-net.jp/tatsuya/java/scroll0b.htm>

[2] 
近づけないと出てこないスクロールバー、
文字サイズの半分くらいの細いスクロールバーはまじでやめてほしい。
デザイナーの自己満足で使いづらい糞デザインの教科書に載せてほしいくらい

[18] 
そういうデザインするやつは [[UX]] がうんたらかんたらとか二度と発言できなくしてほしい

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)