0

Web サイトに製品を表示するために smootdivscroll を使用しています。製品はすべて大きな div に読み込まれ、smootdivscroll スクリプトを使用して左右にスクロールします。ホバーまたはクリックするとスクロールする左右の矢印をセットアップします。

マウスオーバーのスクロールを無効にして、矢印をクリックしたときにのみスクロールを許可したい。

実際のページ

Smoothdivスクロールのデモページ

よろしく。

4

3 に答える 3

1

その機能が組み込まれているとは思わない。ただし、おそらくこのパブリック メソッドを利用できます: http://www.smoothdivscroll.com/publicMethods.html#move

オプションで無効hotSpotScrollingにし、いくつかのクリック イベント リスナーをメソッドをトリガーする矢印にバインドしますmove()。

于 2013-07-31T20:22:51.537 に答える
1

助けとアイデアをありがとう、以下が私の解決策でした。

まず、ホットスポットとホットスポットスクロールを無効にします:

visibleHotSpotBackgrounds: "",
hotSpotScrolling: false

2 つのリンクを作成し、スクロールを制御する矢印の画像に最近更新しました。

<a title="Scroll Left" href="#" onclick="MoveLeft();return false;">LEFT</a>
<a title="Scroll Right" href="#" onclick="MoveRight();return false;">RIGHT</a>

2 つの単純な関数を使用して、スクロールを +- 200px 進めます

<script type="text/javascript">
    function MoveRight() {
        $("#makeMeScrollable").smoothDivScroll("move", 200);
    }
    function MoveLeft() {
        $("#makeMeScrollable").smoothDivScroll("move", -200);
    }
</script>

スクロール効果セットを滑らかにするには:

easingAfterMouseWheelScrolling: true
于 2013-07-31T22:47:51.287 に答える