Как реализовать такой слайдер?

Question

[Илья Бельский]

Приветствую! Не подскажете как реализовать такой слайдер? При нажатии на одну из стрелок контент плавно перелистывается вверх или вниз.
Чем проще код реализации - тем лучше.

Answer 1

[Борис Якушев]

Гуглить по запросу "вертикальный слайдер". Будет масса вариантов.

Answer 2

[Иван Козлов]

bxslider.com
классная библиотека. Есть куча примеров.

Answer 3

[Турар Абу]

Вот код:

<script>
function slideup(){
   t = document.querySelector(".slide");
   t.scrollTop -= t.offsetHeight;
}

function slidedown(){
   t = document.querySelector(".slide");
   t.scrollTop += t.offsetHeight;
}
</script>

<i class="icon icon-up" onclick="slideup()"></i>
<div class="slider" style="overflow-y: auto">
   ...
</div>
<i class="icon icon-down" onclick="slidedown()"></i>

С анимацией думаю сможете разобраться