Можно ли выполнить вертикальную прокрутку с помощью 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. Вы знаете, почему это не работает. Я выясняю, есть ли более чем три 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 
    }); 
}); 

ОБНОВЛЕНО - Решение:

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 в вверх и вниз, и тем самым создавая своего рода эффект прокрутки.