<div>
just the get list item element handle using <br />
<a href="http://api.jquery.com/last-child-selector/" rel="ugc">http://api.jquery.com/last-child-selector/</a><br />
<br />
then you can scroll that element into view using<br />
<a href="http://stackoverflow.com/questions/68165/javascript-to-scroll-long-page-to-div/68671#68671" rel="ugc">http://stackoverflow.com/questions/68165/javascript-to-scroll-long-page-to-div/68671#68671</a><br />

</div>


just the get list item element handle using
http://api.jquery.com/last-child-selector/ [http://api.jquery.com/last-child-selector/]

then you can scroll that element into view using
http://stackoverflow.com/questions/68165/javascript-to-scroll-long-page-to-div/68671#68671 [http://stackoverflow.com/questions/68165/javascript-to-scroll-long-page-to-div/68671#68671]


<div>
would this also work if i have more than two items? e.g.<br />
&lt;div id=&quot;scroller-container&quot;&gt;<br />
&nbsp; &lt;ul id=&quot;scroller&quot;&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Test1&lt;/li&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Test2&lt;/li&gt;<br />
&lt;li&gt;Test3&lt;/li&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Test4&lt;/li&gt;<br />
&nbsp; &lt;/ul&gt;<br />
&lt;/div&gt;
</div>


would this also work if i have more than two items? e.g.
<div id="scroller-container">
  <ul id="scroller">
    <li>Test1</li>
    <li>Test2</li>
<li>Test3</li>
    <li>Test4</li>
  </ul>
</div>

<div>
Here is my current code..<br />
<br />
how would i use this...<br />
$('li').last().<br />
<br />
and say if last li is at a certain position then hide &nbsp;class=next<br />
<br />
&lt;div id=&quot;scroller-container&quot;&gt;<br />
&nbsp; &lt;ul id=&quot;scroller&quot;&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Test&lt;/li&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Poo&lt;/li&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Test&lt;/li&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Poo&lt;/li&gt;<br />
&nbsp; &lt;/ul&gt;<br />
&lt;/div&gt;<br />
&lt;a class=&quot;prev&quot;&gt;Previous&lt;/a&gt; &lt;a class=&quot;next&quot;&gt;Next&lt;/a&gt;<br />
<br />
?<br />
<br />
<br />

</div>


Here is my current code..

how would i use this...
$('li').last().

and say if last li is at a certain position then hide  class=next

<div id="scroller-container">
  <ul id="scroller">
    <li>Test</li>
    <li>Poo</li>
    <li>Test</li>
    <li>Poo</li>
  </ul>
</div>
<a class="prev">Previous</a> <a class="next">Next</a>

?




<div>
<div class="content wysiwyg-content">
I have simple scroller that auto slides and moves on click....<br />
<br />
But how do i either make it continuous or stop when it gets to the last item...?<br />
<br />
&lt;div id=&quot;scroller-container&quot;&gt;<br />
&nbsp; &lt;ul id=&quot;scroller&quot;&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Test1&lt;/li&gt;<br />
&nbsp; &nbsp; &lt;li&gt;Test2&lt;/li&gt;<br />
&nbsp; &lt;/ul&gt;<br />
&lt;/div&gt;
</div>
</div>


I have simple scroller that auto slides and moves on click....

But how do i either make it continuous or stop when it gets to the last item...?

<div id="scroller-container">
  <ul id="scroller">
    <li>Test1</li>
    <li>Test2</li>
  </ul>
</div>

Jquery scroll maximum

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.