title: jquery.serialScroll not working
body: <p>I am having issues with <code>jquery.serialScroll</code> not working in my case.</p>
  
  <p>I have a div <code>id=ticker</code> which basically works like a scrolling ticker. something like this - <a href="http://www.tinymassive.com/" rel="nofollow noreferrer">http://www.tinymassive.com/</a> (whats happening section). So i am prepending dynamic content to div <code>id=ticker</code>, and I want scrolling animation from top-to-bottom as shown in the link.</p>
  
  <pre><code>$('#ticker').serialScroll({
                      items:'div',
                      duration:50000,
                      force:false,
                      axis:'y',
                      easing:'linear',
                      lazy:true,
                      interval:1, 
                      step:2 
                      });
  </code></pre>
  
  <p>Dont think the above code is working, even if i comment i see no change in the behavior.</p>
  
  <p>The div <code>id=ticker</code> is contained in another div which is contained in another div, basically think of it like 4-5 level tree like structure</p>
  
  <blockquote>
    <p>body -> div[id=wrapper] -> div[class=main] -> div[class=content] ->
    div[class=frame] -> div[class=bg] -> div[class=primary-content] ->
    div[id=ticker]</p>
  </blockquote>
  
  <p>Heres the css...</p>
  
  <pre><code>#wrapper {
   width: 942px;
   margin: 0 auto;
   position:relative;
   overflow:hidden;
  }
  
  .main{
   width:942px;
   margin:163px 0 0;
   overflow:hidden;
  }
  
  .content{
   background:url(../images/content-bg.gif) repeat-y;
   overflow:hidden;
   width:662px;
   float:left;
  }
  
  .frame{
   background:url(../images/frame-bg.gif) no-repeat 0 0;
   width:662px;
  }
  
  .bg{
   background:url(../images/bg-bg.gif) no-repeat 0 100%;
   width:662px;
   overflow:hidden;
  }
  .primary-content{
   padding: 12px 20px 40px 22px;
   width:620px;
   overflow:hidden;
  }
  
  #ticker {
      overflow: hidden;
  }
  </code></pre>
  
  <p>Also if it helps - the ticker div contains a list of <code>div[class=breadcrumps]</code>, which i am trying to scroll</p>
  
  <pre><code>.breadcrumbs{
   border-bottom:1px solid #ebebeb;
   padding:6px 0 6px 0;
   overflow:hidden;
   clear:both;
  }
  </code></pre>
  
  <p>What i see is - i see the items getting prepended, but dont see the animation/effects. In fact the .serialScroll does not seem to have any affect at all.</p>
  
  <p>I have included the following js files.
  - jquery.serialScroll-1.2.2-min.js
  - jquery.scrollTo-1.4.2-min.js
  - and obviously jquery 142</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks.</p>