CSS Horizontal list scrolling?

Question

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! :)

What are the logical steps that lead you to believe you needed jQuery to accomplish this? — Incognito
– Incognito, Commented Aug 29, 2011 at 20:13
@Incognito : doxdesk.com/img/updates/20091116-so-large.gif :-D — Naftali
– Naftali, Commented Aug 29, 2011 at 20:16

Nikola K. · Accepted Answer · 2012-07-22 09:33:47Z

5

Plugin?

The greatest plugin of them all is called CSS:

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

Fiddle Demo

edited Jul 22, 2012 at 9:33

Nikola K.

7,15313 gold badges33 silver badges39 bronze badges

answered Aug 29, 2011 at 20:10

Naftali

147k41 gold badges247 silver badges304 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

damon · Accepted Answer · 2011-08-29 20:14:36Z

0

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

answered Aug 29, 2011 at 20:14

damon

1,0859 silver badges12 bronze badges

Collectives™ on Stack Overflow

CSS Horizontal list scrolling?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related