1

JQuery の scrollLeft() 関数に問題があります。私は基本的に、垂直ニュース ティッカーであるこの jsFiddle ( http://jsfiddle.net/2RRWS/ ) のフォークを作成しようとしています。

水平方向にスクロールする同様のスクリプトが必要です。水平スクロールバーを作成できましたが、scrollLeft 関数で制御できません。

私が間違っていることは何ですか？

var $container = $("#scrollContainer");
$container.scrollLeft(300);

http://jsfiddle.net/RA52y/で私の (非常に短い) スクリプトを参照してください。

4

1 に答える 1

0

1-プロジェクトにjQueryを含めます（これはフィドルに含まれていませんでした）-jsがドキュメントの準備ができている状態で実行されていることを確認してください

2 - 以下のように html を修正します。

<div id="scrollContainer">

    <div id="content" style="white-space:nowrap; padding-left:600px;">134 1234 1234 12355 134 1234 1234 12355 134 1234 1234 12355 134 1234 1234 12355 134 1234 1234 12355 134 1234 1234 12355 134 1234 1234 12355 134 1234 1234 12355 134 1234 1234 12355</div>

</div>

3 - この js を使用します。

var $container = $("#scrollContainer");
var $content = $("#content");

 containerWidth = $container.width();
 contentWidth = $content.outerWidth();

 contentLeft = 0;
 scrollLeft = 0;

 setInterval(function() {
    if (scrollLeft > contentWidth + containerWidth)
        scrollLeft = 0;
    $container.scrollLeft(scrollLeft++);

}, 20);

その後、あなたのjsfiddleでうまくいきました

于 2013-04-03T16:07:08.770 に答える