4

私は現在、サイドスクローラー ( http://www.studioimbrue.com ) であるサイトを持っており、マウスホイールをバインドして横にスクロールしようとしています。現在、thehorizo​​ntalway.com にあるもの (thw.js と呼ばれる) を使用していますが、すべてのブラウザー (Chrome) では機能しないようです。

私はこれを機能させようとしています: http://brandonaaron.net/code/mousewheel/docs、単にウィンドウ全体をスクロールするだけで、他には何もありません。ドキュメントが非常に限られているため、理解できません。どんな助けでも大歓迎です。

4

3 に答える 3

7

div を水平方向にスクロールすることに関するこの質問に答えたところです。マウスホイールを使用するか、マウスでつかんでドラッグするためのコードもいくつか含めました。

少し詳しく説明すると、マウスホイール関数はイベント オブジェクトとデルタを提供します。

$('#container').bind('mousewheel', function(event,delta){
 if (delta > 0) {
   // mousewheel is going up; 
 } else {
   // mousewheel is going down 
 }
});

の値はdelta、ホイールをスクロールする速度によって異なります。あなたが本当に頑張れば、+50から-50の範囲を見てきました:P

于 2010-05-16T01:54:49.667 に答える
1

コメントで $(window).bind アプローチを使用しましたが、ホイールの上下の両方で後方にスクロールせず、前方にのみスクロールします。

<script>
    $(window).bind('mousewheel', function(event, delta) {
        if (delta > 0) { window.scrollBy(-80,0); 
        } else window.scrollBy(80,0) ; 
    });
</script>
于 2012-03-23T21:26:01.600 に答える
0

上記のコメントからのこの解決策は機能しますが、ページ上の実際の要素の上にマウスを置いた場合のみです。

$(window).bind('mousewheel', function(event, delta) {
    if (delta > 0) { window.scrollBy(-80,0); 
    } else window.scrollBy(80,0) ; 
});

空のスペースにマウスを合わせると (たとえば、コンテンツが非常に短く、下部にウィンドウが残っている場合)、約 1 スクロール分動作し、その後 (左にスクロールして戻るまで) 中断します。スクロールは一方向にしか機能しないと思うかもしれません。これは、人々がこれに推奨するすべての派手なスクロールプラグインにも当てはまるようです. 願わくば、これが人々が将来解決策を見つけるのに役立つことを願っています。

于 2013-12-03T07:34:21.137 に答える