スクロールマウスを使って横スクロール
-
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()
それぞれの使い方を調べれば、あとは組むだけだ。がんがれ。