使用Next/Previous按鈕添加滾動到水平UL列表

Question

我想將下一個/上一個按鈕添加到我的水平滾動列表中。我按照這個帖子：Using jQuery to add scrolling to a flat UL list

但它並沒有爲我工作，檢查此琴：http://jsfiddle.net/PrasadJadhav/45zyu/3/

我嘗試使用：

ul { 
    white-space: nowrap; 
} 

我不想滾動條顯示出來通過使用完整列表：

overflow : scroll; 
/* OR */ 
overflow : auto; 

是否有任何Jquery插件可以解決這個問題？

更新：
我們可以做這樣的事情：http://jsfiddle.net/2Hr4U/

Answer 1

我發現使用這個插件的解決方案：Smooth Div Scroll.

檢查這方面的工作小提琴：http://jsfiddle.net/PrasadJadhav/2Hr4U/804/

我用下面的代碼：

$("div.tabmenu").smoothDivScroll(); 

Answer 2

你是否期待像

http://jsfiddle.net/45zyu/4/

.tabmenu {position: absolute; top: 40px; left: 0px; width:500px;height:30px; border:1px olid green; white-space: nowrap; height: 50%; overflow: auto; } 

.tabmenu ul {list-style: none; white-space: nowrap; margin:0px; display: inline-block;} 

.tabmenu ul li { display: inline-block; float: left; position: relative; background: #4b6592 } 
.tabmenu ul li a { display: inline-block; color: #fff; } 

.tabmenu ul li a span { display: block; padding: 9px 15px 9px 10px; font-size: 10px; } 

Answer 3

或者，如果你只是想自定義滾動條的形式小插件，你可以風格，我會推薦這一個：http://jamesflorentino.github.io/nanoScrollerJS/