Widget:FullPage.js: Difference between revisions

From Buddha-Nature
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 2: Line 2:
$(document).ready(function() {
$(document).ready(function() {
$('#fullpage').fullpage({
$('#fullpage').fullpage({
licenseKey: 'E37A1D0A-358348ED-9E8909FF-CA06A4E6',
//Navigation
//Navigation
menu: '#menu',
menu: '#menu',

Revision as of 13:30, 29 March 2019

<script> $(document).ready(function() { $('#fullpage').fullpage({ licenseKey: 'E37A1D0A-358348ED-9E8909FF-CA06A4E6',

//Navigation menu: '#menu', lockAnchors: false, anchors:['firstPage', 'secondPage'], navigation: false, navigationPosition: 'right', navigationTooltips: ['firstSlide', 'secondSlide'], showActiveTooltip: false, slidesNavigation: false, slidesNavPosition: 'bottom',

//Scrolling css3: true, scrollingSpeed: 700, autoScrolling: true, fitToSection: true, fitToSectionDelay: 1000, scrollBar: false, easing: 'easeInOutCubic', easingcss3: 'ease', loopBottom: false, loopTop: false, loopHorizontal: true, continuousVertical: false, continuousHorizontal: false, scrollHorizontally: false, interlockedSlides: false, dragAndMove: false, offsetSections: false, resetSliders: false, fadingEffect: false, normalScrollElements: '#element1, .element2', scrollOverflow: false, scrollOverflowReset: false, scrollOverflowOptions: null, touchSensitivity: 15, normalScrollElementTouchThreshold: 5, bigSectionsDestination: null,

//Accessibility keyboardScrolling: true, animateAnchor: true, recordHistory: true,

//Design controlArrows: true, verticalCentered: true, sectionsColor : ['#ccc', '#fff'], paddingTop: '3em', paddingBottom: '10px', fixedElements: '#header, .footer', responsiveWidth: 0, responsiveHeight: 0, responsiveSlides: false, parallax: false, parallaxOptions: {type: 'reveal', percentage: 62, property: 'translate'},

//Custom selectors sectionSelector: '.section', slideSelector: '.slide',

lazyLoading: true,

//events onLeave: function(origin, destination, direction){}, afterLoad: function(origin, destination, direction){}, afterRender: function(){}, afterResize: function(width, height){}, afterResponsive: function(isResponsive){}, afterSlideLoad: function(section, origin, destination, direction){}, onSlideLeave: function(section, origin, destination, direction){} }); }); </script>