ulとliの垂直スクロールをjQuery経由で行うことができますか？

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。なぜこれが動作していないのか知っていますか？私はショーの矢より3つ以上のLIがあるかどうか調べています。ソリューション -

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 
    }); 
}); 

UPDATED：

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

あなたがオーバーフローとdivの内側にインナーULを投稿することができます：隠された、上下ULの位置の内側に移動し、それを作成することによって、スクロールエフェクトの一種。