Widget:FullPage.js: Difference between revisions

From Buddha-Nature
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 1: Line 1:
<script>
<script>
var myFullpage = new fullpage('#fullpage', {
$(document).ready(function() {
//Navigation
$('#fullpage').fullpage({
menu: '#menu',
//Navigation
lockAnchors: false,
menu: '#menu',
anchors:['firstPage', 'secondPage'],
lockAnchors: false,
navigation: false,
anchors:['firstPage', 'secondPage'],
navigationPosition: 'right',
navigation: false,
navigationTooltips: ['firstSlide', 'secondSlide'],
navigationPosition: 'right',
showActiveTooltip: false,
navigationTooltips: ['firstSlide', 'secondSlide'],
slidesNavigation: false,
showActiveTooltip: false,
slidesNavPosition: 'bottom',
slidesNavigation: false,
slidesNavPosition: 'bottom',


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


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


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


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


lazyLoading: true,
lazyLoading: true,


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

Revision as of 13:29, 29 March 2019

<script> $(document).ready(function() { $('#fullpage').fullpage({ //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>