FullPage.js + class="section"

Question

FullPage.js + class="section"

Navigation

#1 by (0 votes)

0

I'm using JS FullPage to do the anchoring of the links, but each section is 100% tall, and sometimes it messes up something in my css, which sometimes gets a larger font size or wrong position . Would you like to know if there is anything similar to fullpage?

This is Script used

        $(document).ready(function () {
        $('#myContainer').fullpage({
            anchors: ['Start', 'Devices', 'HowWeWork', 'FrequentlyAskedQuestions', 'Contact'],
            menu: '#menu',
            slidesNavigation: true,
            offsetSections: true,
            offsetSectionsKey: 'YWx2YXJvdHJpZ28uY29tX2ZZM2IyWm1jMlYwVTJWamRHbHZibk09MWpN'
        });
    });

I basically wanted to do just the anchoring of the links with the scroll, clicking the links, or pressing the navigation keys, but that was with auto height, just like this example: link

obs: I already used the class fp-auto-height but did not scroll the way I want. obs2: if the content is larger than the page, also allow scrolling like this example: link

javascript html5 css fullpage.js

asked by anonymous 28.12.2016 / 15:44

1 answer

Arduino Hash Function MeteorJs 1.4 with error when adding platform in windows 10

score 0 · Answer 1

In the example you posted yourself, you are using this JS to apply fullPage, add the scrollOverflow properties, scrollOverflowReset, to your script to add overflow.

You can read more in the documentation at GitHub

    $(document).ready(function() {
        $('#fullpage').fullpage({
            anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage'],
            sectionsColor: ['#475577', '#939FAA', '#4A6FB1', '#323539'],
            menu: '#menu',
            slidesNavigation: true,
            scrollOverflow: true,
            scrollOverflowReset: true,
            scrollOverflowResetKey: 'YWx2YXJvdHJpZ28uY29tXzlRaGMyTnliMnhzVDNabGNtWnNiM2RTWlhObGRBPT14Ykk='
        });
    });