CSS水平列表滚动?

时间:2011-08-29 20:09:08

标签: jquery css

给出一个链接列表,即

<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>

设置为显示inline,是否有人可以推荐一个允许滚动此列表的jQuery插件?假设我将包含ul标记设置为width 30px,该列表将被截断。

理想情况下,插件应该有“箭头”,允许向左和/或向右滚动,具体取决于用户在列表中的位置。

非常感谢! :)

2 个答案:

答案 0 :(得分:5)

插件?

它们中最伟大的插件名为CSS

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

Fiddle Demo

答案 1 :(得分:0)

看起来你需要一个“滑块”。几乎任何人都会做,而且他们通常都与LI合作。 这里有几个。 25 Sliders and Tutorials