CODEWITHSUNDEEP
jquerycss
Bob_94
Bob_94

Reputation: 2845

CSS Horizontal list scrolling?

Given a list of links, i.e.

<ul>
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
    <li><a href="#">item 4</a></li>
</ul>

set to be displayed inline, can anyone recommend a jQuery plugin that will allow for scrolling this list? Say I set the containing ul tag to have a width of 30px, the list will be cut off.

Ideally, the plugin should have "arrows" that allow scrolling left and/or right, depending upon the position the user is at in the list.

Thanks very much! :)

Upvotes: 0

Views: 5432

Answers (2)

Naftali
Naftali

Reputation: 146302

Plugin?

The greatest plugin of them all is called CSS:

ul {
    width: 30px;
    overflow: scroll;
}

Fiddle Demo

Upvotes: 5

damon
damon

Reputation: 1085

Looks like you need a "Slider". Just about any will do, and they all typically work with LI. Here's a few. 25 Sliders and Tutorials

Upvotes: 0

Related Questions