full-page-scroll

See the Pen full-page-scroll by leesunho70 (@leesunho70) on CodePen.

 

 

	<div id="main" class="scroll-container">
		<section class="section1">
			<div>
				<span>Page #1</span>					
			</div>
		</section>
		<section class="section2">
			<div>
				<span>Page #2</span>				
			</div>
		</section>
		<section class="section3">
			<div>
				<span>Page #3</span>				
			</div>
		</section>
		<section class="section4">
			<div>
				<span>Page #4</span>				
			</div>
		</section>
		<section class="section5">
			<div>
				<span>Page #5</span>				
			</div>
		</section>
	</div>
	<script type="text/javascript">
		new fullScroll({
			displayDots: true,
			dotsPosition: 'left',
			animateTime: 0.7,
			animateFunction: 'ease'
		});
	</script>

http://blogattach.naver.com/c653da697a2122fed1325c615dbdc2bb1d4ab054d9/20190927_209_blogfile/miruarom_1569540949195_5ez26p_css/full-page-scroll.css

http://blogattach.naver.com/7eeb62d2c39b9a46698ae4d9e5057a03a5f208ec7d/20190927_3_blogfile/miruarom_1569540932640_K67tY8_js/full-page-scroll.js