JQuery ScrollLeft（）不起作用

Question

我在JQuery中的scrollLeft（）函数有问题。我基本上试图创建一个这个jsFiddle（http://jsfiddle.net/2RRWS/），一个垂直新闻股票的分支。

我需要一个类似的脚本来滚动。我能够生成一个horicontal滚动条，但我不能通过scrollLeft函数来控制它。

任何想法我做错了什么？

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

见我的（很短）脚本在：http://jsfiddle.net/RA52y/

Answer 1

1 - 包括jQuery的项目（这wasnt包括小提琴） - 确保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