通过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的位置向上和向下，并通过创建一个滚动效果。