Add HTML widget to the bottom of the last section:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"> </script>
<script>
// Make sure the page wrapper is unique
var myFullpage = new fullpage('div.elementor', {
licenseKey: 'xxx',
navigation: true,
// anchors:['slide title', 'other title', '3', '4', '5', '6'],
// navigationTooltips:['6','5','4','3','2','1'],
scrollingSpeed: 700,
// Accessibility
keyboardScrolling: true,
// Design
controlArrows: true,
verticalCentered: false,
// Custom selectors
// Add this custom class to elementor section and set height to fit screen
sectionSelector: '.fs-section',
});
</script>
Add this into the script tags of the HTML widget, adjust parameters:
var myFullpage = new fullpage('.elementor', {
licenseKey: 'xxx',
navigation: true,
// anchors:['slide title', 'other title', '3', '4', '5', '6'],
// navigationTooltips:['6','5','4','3','2','1'],
scrollingSpeed: 700,
// Accessibility
keyboardScrolling: true,
// Design
controlArrows: true,
verticalCentered: false,
// Custom selectors
// Add this custom class to elementor section and set height to fit screen
sectionSelector: '.fs-section',
});