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