• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:縦のスクロール動作で横スクロールできるJSについて)

縦のスクロール動作で横スクロールできるJSについて

このQ&Aのポイント
  • 横スクロールを要求される際、マウスホイールの縦操作でスクロールする方法を探しています。
  • http://www.skuare.net/test/horizontinyscrolling.htmlという方法はdivの横スクロールに対応していないようです。
  • ブラウザ内で発生した横スクロール全てに対応するJSが存在するか、もしくは上記のJSの使い方が間違っているのか知りたいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

>divに発生した横スクロール・・・ ブラウザー画面をせまくしたらいつでも横スクロールが発生する。 よって不可能だ。

mobius9
質問者

お礼

的確なアドバイス有り難う御座いました!

その他の回答 (2)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

>divに発生した横スクロール・・・ この要望はおそらく 「widthを指定した<div>内でオーバーフローが発生した時 自動で横スクロールバーが表示されるので、その時に限り その<div>にフォーカスがある時のみ、マウスホイールで 横スクロール可能にしたい」 と推理される。 ※その時、縦はどうするんじゃ! =>あるキーを押しながらホイールすると縦スクロールとか... =>矢印キーや、PageUP/Downキーにも対応したいとか... ハードルはどんどん高くなっていく...

mobius9
質問者

補足

おおお、おっしゃるとおりです>< 情報量が少なくて反省しております >※その時、縦はどうするんじゃ! 確かにその通りですねorz ちょっと奇抜なサイト作りに挑戦してみてるのですがこれでは致し方なしですねぇ…

回答No.1

まさかこれでかいけつするとはおもわないけど。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><title>TEST</title> <body> <div style="width:5000px;" id="p">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> <script type="text/javascript"> /*@cc_on @if(1)document.attachEvent('onmousewheel'@else@*/addEventListener('DOMMouseScroll'/*@end@*/,function(e){scrollBy((e.wheelDelta||-e.detail)<0?10:-10,0)},false); </script> >divに発生した横スクロール・・・ が、わからない。 ことばはむずかしい。さいきん、コナン君でもむりっぽい、しつもんがおおくて、こたえにくい。

mobius9
質問者

お礼

おお、お礼はこちらでした汗 有り難う御座いました!

mobius9
質問者

補足

簡素なソース有り難う御座います。 今回はちょっと解決不能でしたが、上のを利用させて頂きます。 有り難う御座いました!

関連するQ&A