Hi eveyrone. I need help please! I got the Fullpage.js to work, but I canāt get my anchor links to work. I have read and tried everything in this post, but nothing works. the side nav circles work, but I canāt get my main nav links to work. If I deactivate the fullpage.js, they work fine. Also, it is now skipping my second section āoneā and recognizing section ātwoā as section āoneā until I scroll from bottom to top ad then it doesnāt skip that section.
I can see the āactiveā class changes as it should, but the āhomeā anchor keeps the āwācurrentā class regardless of what section I am in.
Here is the working site: http://carlton-roberts-test.webflow.io
Here is the preview: https://preview.webflow.com/preview/carlton-roberts-test?preview=7a766987b97586b0408f1e5d39fcd25b
This is how I have it setup:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.6/jquery.fullPage.min.js"></script>
<script>
$(document).ready(function() {
$('#fullpage').fullpage({
anchors: ['home', 'one', 'two', 'three', 'four', 'about', 'contact'],
menu: '.new-menu',
navigation: true,
css3: true,
scrollingSpeed: 700,
easing: 'easeInOut',
easingcss3: 'ease',
bigSectionsDestination: '',
keyboardScrolling: true,
navigationPosition: 'right',
touchSensitivity: 5,
fixedElements: '.navbar',
autoScrolling: true,
fitToSection: false,
fitToSectionDelay: false,
scrollBar: false,
animateAnchor: true,
loopBottom: false,
loopTop: false,
loopHorizontal: true,
continuousVertical: false,
continuousHorizontal: false,
scrollHorizontally: false,
interlockedSlides: false,
resetSliders: false,
fadingEffect: false,
normalScrollElements: '#somesectionsID',
scrollOverflow: false,
scrollOverflowOptions: true,
normalScrollElementTouchThreshold: 15,
});
});
</script>