fullview.js v1.0.1

FullView.Js

Javascript | JQuery Plugin

Create full screen pages fast and simple - A simple and easy to use library that creates fullscreen scrolling websites

Compatibility

Get Started

Dependency: jQuery 1.1+ All you will need to include:

• The JavaScript file fullpage.js (or its minified version fullpage.min.js)
• The css file fullpage.css (or its minified version fullpage.min.css)

Including files:

<link rel="stylesheet" type="text/css" href="fullview.css" />

<!-- Javascript Files -->
<script  src="https://code.jquery.com/jquery-3.5.1.min.js"  crossorigin="anonymous"></script>

<script type="text/javascript" src="fullview.js"></script>

Using NPM

Optionally, you can install fullView.js with npm

npm install fullview

Usage

HTML Structure

<div id="fullview">
        <div>
            <!-- Your Code -->
        </div>
        <div>
           <!-- Your Code -->
        </div>
        <div>
            <!-- Your Code -->
        </div>
        <div>
            <!-- Your Code -->
        </div>
    </div>

Initialization

$("#fullview").fullView({
	//Navigation
	dots:  true,
	dotsPosition:  'right',

	//Scrolling
	easing:  'swing',

	// Callback
	onViewChange:  function (currentView) {
	 console.log(currentView)
	}
})

Options

License

If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use it under the terms of the GPLv3.