` you can change the `id`). Every direct child of `id=\"fullview\"` element will be defined as section.\r\nThe active section by default will be the starting point when the page loads.\r\n```html\r\n
\r\n```\r\nYou surely can add `active` class to any section for different starting point rather than the first section.\r\n```html\r\n
Some section
\r\n```\r\n\r\n### Initialization\r\nYou have to use fullView.js as a jQuery plugin and be sure you place this script in footer.\r\n```javascript\r\n$(\"#fullview\").fullView();\r\n```\r\n```javascript\r\n// OR - For More Customization\r\n$(\"#fullview\").fullView({\r\n\t//Optional\r\n\tdots: true,\r\n\tdotsPosition: 'right',\r\n\t// ...\r\n\t// Read Docs for more options details\r\n\r\n\t// Callbacks\r\n\tonScrollStart: function (currentView, destinationView, direction) {\r\n\t // Do Something Usefull\r\n\t},\r\n\tonScrollEnd: function (currentView, previousView, direction) {\r\n\t // Do Something Usefull\r\n\t}\r\n})\r\n```\r\n### Creating Navigation to Sections\r\nTo activate naviagtion, `navbar` option would be use. This way the scrolling of the sections will activate the corresponding element in the menu.\r\nIn order to link the elements of the navigation with the sections, an `href` attribute of anchor tag will be needed to use with the same anchor links as used within the sections.\r\n```html\r\n\r\n
\r\n```\r\n```html\r\n\r\n
\r\n```\r\n```javascript\r\n/* Script */\r\n$(\"#fullview\").fullView({\r\n\t//Navigation\r\n\tnavbar: \"#navbar\",\r\n})\r\n```\r\nCheck out the complete working [Menu Example](https://codepen.io/someone1218/pen/ZEQyRLM)\r\n\r\n### Default Side Navigation (Dots)\r\nFullView.js also comes with side dots navigation, To disable, `dots` option will be use. The positioning of side navigation will be change by using `dotsPosition` option. \r\n```javascript\r\n/* Script */\r\n$(\"#fullview\").fullView({\r\n\tdots: true, // Default 'true'\r\n\t// Other Options\r\n\tdotsPosition: 'right', // Default 'right'\r\n\tdotsTooltips: true, // Default 'false'\r\n})\r\n```\r\n#### Tooltips\r\nIn order to add tooltips to Side Navigation 'dot' elements, `data-tooltip` attribute will be added to any section and an option `dotsTooltips` will be changed to true. \r\n\r\n```html\r\n
Some section
\r\n```\r\n### Attributes added by fullview.js\r\nfullView.js adds few attibutes including classes and HTML5 `data` attribute in different elements to keep a record of the status of the webpage:\r\n- `active` is added the current visible section.\r\n- `active` is added to the current navbar element (if using the `navbar` option).\r\n- `data-scroll` attribute is added to the menu items and dots\r\n\r\n## All Options\r\n|Option|Type|Default|Values|Description|\r\n|--|--|--|--|--|\r\n|`navbar`|*string*|undefined|selector|To link the elements of the navigation with the sections|\r\n|`dots`|*boolean*|true|true or false|For side dots navigation visibility|\r\n|`dotsPosition`|*string*|right|right or left|Defines side dots navigation positioning|\r\n|`dotsTooltips`|*boolean*|false|true or false|Shows a tooltips for the sections on hover of dots navigation element.|\r\n|`speed`|*number*|500|milliseconds (>=350)|Speed in milliseconds for the scrolling transitions.|\r\n|`easing`|*string*|linear|swing, linear (or any [third-party easing library](https://github.com/gdsmith/jquery.easing))|Defines the transition effect.|\r\n|`backToTop`|*boolean*|false|true or false|Defines whether scrolling down in the last section should scroll to the start one or not.|\r\n|`keyboardScrolling`|*boolean*|true|true or false|Defines if the scroll can be performed using the keyboard.|\r\n|`mouseScrolling`|*boolean*|true|true or false|Defines if the scroll can be performed using the mouse.|\r\n|`touchScrolling`|*boolean*|true|true or false|Defines if the scroll can be performed using the touch.|\r\n|`onScrollStart`|*function*|null|callback|This callback return the element of current section, element of destination section and scroll direction on every scroll Start.|\r\n|`onScrollEnd`|*function*|null|callback|This callback return the element of current section, element of previous section and scroll direction on every scroll finish.|\r\n\r\n\r\n## Open Source License\r\n\r\nIf you are creating an open source application under a license compatible with the [GNU GPL license v3](https://www.gnu.org/licenses/gpl-3.0.html), you may use it under the terms of the GPLv3.\r\n","readmeFilename":"README.md"}