开发者

CSS Horizontal list scrolling?

开发者 https://www.devze.com 2023-03-31 19:19 出处:网络
Given a list of links, i.e. <ul> <li><a href=\"#\">item 1</a></li> <li><a href=\"#\">item 2</a></li>

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


Plugin?

The greatest plugin of them all is called CSS:

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

Fiddle Demo


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

0

精彩评论

暂无评论...
验证码 换一张
取 消