0

それぞれに一意の ID (「メイン 1」、「メイン 2」など) が含まれている一連の画像を含むページがあるwhite-space:nowrap divため、ページは水平方向にスクロールします。

左矢印キーと右矢印キーを使用してこれらの画像を切り替える方法が欲しいです (できればスクロール アニメーションを使用scrollTo()します。現在、既存の簡単なナビゲーション リンクで使用しています)。

私はこれを垂直スクロール Web サイトで見つけましたが、水平に相当するものを見つけることができないようです (そして、私の JS は良くないので、垂直コードを水平スクロール ページに変換する試みは惨めに失敗しました!)。

このJFiddleはまさに私が望むことを行いますが、垂直スクロールサイトの場合: http://jsfiddle.net/aVvQF/4/ .....これを水平スクロールで使用するように変換するのを手伝ってくれる人はいますか?

ありがとう ！

4

1 に答える 1

0

すでに動作するコードがあるため、適応は非常に簡単でした。

垂直ではなく水平に動作するこの JSFiddleを確認してください

$('html, body').clearQueue().animate({scrollTop: $targetElement.offset().top }, 1000);

に置き換えられます

$('html, body, #placeholder').clearQueue().animate({scrollLeft: $targetElement.offset().left }, 1000);

ご覧のとおり、プレースホルダー div も調整し、id セレクターを追加しました。

これは上下の矢印キーでのみ機能することに注意してください。私はあなたのすべての仕事をしたくありません:)

于 2013-08-02T11:24:49.723 に答える