通過jQuery可以垂直滾動ul和li嗎？

Question

例子：http://www.net-a-porter.com/product/163606

到目前爲止我的代碼：

<style type="text/css"> 
li {float:left;height:50px} 
</style> 
<div style="height:100px"> 
    <a href="#" class="top">up</a> 
    <ul> 
     <li>Product 1</li> 
     <li>Product 2</li> 
     <li>Product 3</li> 
     <li>Product 4</li> 
     <li>Product 5</li> 
     <li>Product 6</li> 
    </ul> 
    <a href="#" class="down">down</a> 
</div> 

Answer 1

@Shai。你知道爲什麼這不起作用嗎？我發現是否有超過三個李比顯示箭頭。否則，不顯示箭頭：

jQuery(document).ready(function() { 
var ulx; 
var totalli; 
ulx  = document.getElementById("mycarousel"); 
totali = ulx.children.length; 
if (totali > 3){ 
     $(".jcarousel-next").hide(); 
     $(".jcarousel-prev").hide(); 
    }else{ 
     // buttons appear 
    } 
    jQuery('#mycarousel').jcarousel({ 
     vertical: true, 
     scroll: 2 
    }); 
}); 

更新 - 解決方案：

jQuery(document).ready(function() { 
var ulx  = document.getElementById("mycarousel"); 
var totalli = ulx.children.length; 
if (totalli > 3) { 
    jQuery('#mycarousel').jcarousel({vertical:true,scroll:2}); 
} else { 
    jQuery('#mycarousel').jcarousel({vertical:true,scroll:2}); 
    $(".jcarousel-next").hide();$(".jcarousel-prev").hide(); 
} 
}); 

Answer 2

您可以張貼內UL具有溢出一個div內：隱藏，移動內部UL的位置向上和向下，並通過創建一個滾動效果。