しかし、ユーザーがマウスホイールを使って上下にスクロールすると、divを左右にスクロールします。マウスホイールを使用して左右にスクロールできるdivを作成するにはどうすればよいですか?
-3
A
答えて
2
JavaScriptを使用する必要があります。このページでは、さまざまなイベントとその使用方法について詳しく説明します:
1
私はイベントをフックするためにプロトタイプを使用しました。これは、マウスホイールを使用してdivを水平方向にスクロールさせるために行うことができる最も簡単な方法です。オーバーフローを自動/スクロール/非表示に保つかどうかは関係ありません。別のブラウザで試してみてください。他のブラウザのイベントについてはわかりません。私は主にIEでコード化するので、IEでこれを行いました。
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js type="text/javascript"></script>
<div style="width:100px;height:150px;overflow:auto;" id="myDiv">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<script language="javascript">
function handleScroll(e) {
var delta = 0;
var upScroll = true;
if (!e) e = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
} else if (event.detail) { delta = -event.detail/3; }
// increments or decrements the scroll left
var div = $('myDiv');
div.scrollLeft = (div.scrollLeft + Math.round(delta) + ((delta > 0) ? 50 : -50));
}
// hook events
Event.observe($('myDiv'), "mousewheel", handleScroll, false);
Event.observe($('myDiv'), "DOMMouseScroll", handleScroll, false); // Firefox
</script>
関連する問題
- 1. マウスホイールを使用してTScrollbarをスクロールするにはどうすればよいですか?
- 2. jQueryを使用してスクロールするメニューセレクタを作成するにはどうすればよいですか?
- 3. ドロップダウンログインバーを作成する...右スクロールを除いて左スクロール以外
- 4. 左側のカスタムボタンを使用してツールバーを作成するにはどうすればよいですか?
- 5. jqueryを使用して左から右または左から右に画像をスライドさせるにはどうすればよいですか?
- 6. divタグを使用してテーブルを作成するにはどうすればよいですか?
- 7. divをインラインで作成するにはどうすればよいですか?
- 8. インラインコンテンツでdivを作成するにはどうすればよいですか?
- 9. ホバーでdivコンテンツのjquery垂直スクロールを作成するにはどうすればよいですか?
- 10. numpy.gradientを左と右の違いに使用するにはどうすればいいですか?
- 11. jQueryで左右の矢印キーを操作するにはどうすればよいですか?
- 12. matplotlibを使ってカーブ(左か右)を作成するには?
- 13. AS3でブラウザとSWFマウスホイールの同時スクロールを停止するにはどうすればよいですか?
- 14. JQuery Mobileのヘッダラップを作成して左寄せにするにはどうすればよいですか?
- 15. wpfでdatavalidationを使用してカスタム動作を作成するにはどうすればよいですか?
- 16. タッチでCocos2dを使用して背景を縦にスクロールするにはどうすればよいですか?
- 17. String.format()を使用して文字列を左揃えにするにはどうすればよいですか?
- 18. divムービーを作成するにはどうすればいいですか?
- 19. Pythonを使用してグラフィックスウィンドウのテキストを右揃えにするにはどうすればよいですか?
- 20. 入力フィールドを左側に、テキストラベルを右側に配置するにはどうすればよいですか?
- 21. Objective-Cを使用して新しいNSWindowを作成するにはどうすればよいですか?
- 22. WinAPIを使用して「はい」ボタンを作成するにはどうすればよいですか?
- 23. C#から使用できるF#Type Providerを作成するにはどうすればよいですか?
- 24. javascriptでdivを使用してラベルを非表示にするにはどうすればよいですか?
- 25. TextFieldスクロールでテキストを作成するにはどうすればよいですか? (HTMLのマーキーのような)
- 26. 右にスクロールすると、divは画面の左側で停止します。
- 27. マウスホイールを有効にするにはどのようにすればいいですか?jqueryプラグイン(panzoom + circleslider)を使用して拡大縮小できます。
- 28. 継承を使用して汎用クラスを作成するにはどうすればよいですか?
- 29. WPFでボタンを使用してTextBoxを作成するにはどうすればよいですか?
- 30. WSDLファイルを使用して.NETでプロキシクラスを作成するにはどうすればよいですか?
divには垂直方向と水平方向がありますか? –
あなたはこれを行うのを見ていますか?それともこれをやりたいのですか?正確な質問を明確にし、コードを記入してください。 – Sparky
@sparkyタイトルはかなり明確です:左/右にスクロールできるdivを作成するにはどうすればよいですか? – Trey