jquery - JQuery ScrollLeft() 不起作用

Question

我在 JQuery 中的 scrollLeft() 函数有问题。我基本上是在尝试创建这个 jsFiddle ( http://jsfiddle.net/2RRWS/ ) 的一个分支，一个垂直的新闻代码。

我需要一个水平滚动的类似脚本。我能够制作一个水平滚动条，但我无法通过 scrollLeft 函数控制它。

任何想法我做错了什么？

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

请参阅我的（非常短的）脚本：http: //jsfiddle.net/RA52y/

Answer 1

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 上对我来说效果很好