スクロールマウスを使って横スクロール



0   名前: 青江 : 2007/02/05(月) 04:55  ID:.uRo6JcR sub-9e
巷では横スクロールも可能なマウスも売られているようですが、これをJava Script等を使ってすることはできないでしょうか?
(縦のスクロールバーを非表示にし、横のスクロールバーだけを表示した状態で)
方法をご存知の方、いらっしゃいましたら教えてください。
よろしくお願いします。

1   名前: 匿名 : 2007/02/05(月) 04:55  ID:/sMf8B64 sub-kJ
?質問のタイトルと文面のつながりが分からない。マウスホイールを使うの?使わないの?

マウスホイールを活用したスクリプトを作るなら「DOMMouseScroll」「onmousewheel」で検索。

2   名前: 青江 : 2007/02/05(月) 04:55  ID:.uRo6JcR sub-9e
通常のマウスだとホイールでは縦スクロールしかできませんよね
http://www.sanwa.co.jp/seihin_joho/glanz_yoko/index.html←のようなマウスを除いて)
そこをなんとかして普通のマウスのホイールで横スクロールも可能にできるようにしたいのですが・・・

3   名前: 匿名 : 2007/02/05(月) 04:55  ID:/sMf8B64 sub-kJ
「DOMMouseScroll onmousewheel」で調べてみたかい?

ホイールイベントが、上・下どちらに回されたかを通知してくれる。それを元に、横スクロール量に適当にプラスしてやるだけだ。とは言え、以下は全部使うことになるだろう。

IE、Opera の場合:
・イベント名:onmousewheel
・スクロール感知:event.wheelDelta
・現在の横スクロール量:標準モード時で document.documentElement.scrollLeft、互換モード時で document.body.scrollLeft
・標準モードか互換モードかを調べる:document.compatMode
・デフォルトの縦スクロールのキャンセル:event.returnValue = false;

Firefox、Opera の場合:
・イベント名:DOMMouseScroll
・スクロール感知:Event.detail
・現在の横スクロール量:window.pageXOffset とか window.scrollX とか
・デフォルトの縦スクロールのキャンセル:Event.preventDefault()

それぞれの使い方を調べれば、あとは組むだけだ。がんがれ。

一覧へ戻る