onsa
12/16/2016 - 11:59 PM

Example usage for fullPage (https://github.com/alvarotrigo/fullPage.js) (Fix for the pure javascript version: line 152: 'container = documen

Example usage for fullPage (https://github.com/alvarotrigo/fullPage.js) (Fix for the pure javascript version: line 152: 'container = document.getElementById(element);')

fullpageExample.html
content_copyfile_download
<!--	initialise with 'fullpage.initialize('fullPage');'	-->
<div id="fullPage">									
	<div class="section">WHATEVER</div>
	<div class="section">WHATEVER</div>
	<div class="section">WHATEVER</div>
	<div class="section">WHATEVER</div>
</div>

<!-- for lazy-loading change src to data-src -->
<img data-src="image.png">
	<!-- OR -->
<video>
    <source data-src="video.webm" type="video/webm" />
    <source data-src="video.mp4" type="video/mp4" />
</video>

<!-- menu -->
<ul id="menu">
	<li class="" data-menuanchor="firstPage">
		<a href="#firstPage">First slide</a>
	</li>
	<li class="active" data-menuanchor="secondPage">
		<a href="#secondPage">Second slide</a>
	</li>
	<li class="" data-menuanchor="3rdPage">
		<a href="#thirdPage">Third slide</a>
	</li>
	<!-- more <li>s -->
</ul>

<!-- vertical navigation dots -->
<div id="fp-nav" class="right">
	<ul>
		<li>
			<a class="active" href="#firstPage">
				<span></span>
			</a>
			<div class="fp-tooltip right">Second</div>
		</li>
		<li>
			<a class="" href="#secondPage">
				<span></span>
			</a>
			<div class="fp-tooltip right">Second</div>
		</li>
		<li>
			<a class="" href="#thirdPage">
				<span></span>
			</a>
			<div class="fp-tooltip right">Third</div>
		</li>
		<!-- more <li>s -->
	</ul>
</div>