как создать перемещение Div вверх и вниз на кнопку

Question

как я могу создать перемещения DIV как на этом сайте (на правой стороне слайдера)
Click to see div on web
С помощью JavaScript или JQuery?

Answer 1

Вертикальная карусель на этой странице (http://jquery.malsup.com/cycle2/demo/carousel.php) может помочь вам.

Вы можете использовать Google для карусели jQuery, и для этого вы найдете множество дополнительных руководств и загрузок.

<div class="slideshow vertical" 
    data-cycle-fx=carousel 
    data-cycle-timeout=0 
    data-cycle-next="#next3" 
    data-cycle-prev="#prev3" 
    data-cycle-pager="#pager3" 
    data-cycle-carousel-visible=2 
    data-cycle-carousel-vertical=true 
    > 
    <img src="http://malsup.github.io/images/beach1.jpg"> 
    <img src="http://malsup.github.io/images/beach2.jpg"> 
    ... 
    <img src="http://malsup.github.io/images/beach9.jpg"> 
</div> 

<div class=center> 
    <a href=# id=prev3><< Prev </a> 
    <a href=# id=next3> Next >> </a> 
</div> 

<div class="cycle-pager" id=pager3></div>