JQuery ScrollLeft() не работает

Question

У меня возникла проблема с функцией scrollLeft() в JQuery. Я в основном пытаюсь создать вилку этого 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