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

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

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

HTML



	
		
    • 
		
    • 
		
    • 
		
    • 
		
    • 
		
    •

    Javascript

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

    CSS

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