Infiniteslide.js v2デモ | 縦方向で画面端に設置

○天とかでありそうなやつです。
スライドの親要素をposition:fixedで配置し、高さを100vh、overflow: hiddenにします。

infiniteslide.js v2解説ページへ戻る

HTML


<div class="slide_vertical_wrap">
	<ul class="slide_vertical">
		<li><img src="img/img4.jpg" alt="" /></li>
		<li><img src="img/img5.jpg" alt="" /></li>
		<li><img src="img/img1.jpg" alt="" /></li>
		<li><img src="img/img4.jpg" alt="" /></li>
		<li><img src="img/img5.jpg" alt="" /></li>
		<li><img src="img/img1.jpg" alt="" /></li>
	</ul>
</div>

Javascript


$('.slide_vertical').infiniteslide({
	direction: 'down',
	pauseonhover: false
});

CSS


.slide_vertical_wrap {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	overflow: hidden;
}