Home>Support>Integration of Fullpage JS

Integration of Fullpage JS

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,
I’m using siteorigin on a custom theme.
I’d like to integrate siteorigin panel with Fullpage js (https://alvarotrigo.com/fullPage/).

Fullpage js use the following structure :

where every sections are full height and “click” scroll down to the next section.

I tried to integrate it but it doesn’t work because of the structure of Siteorigin.

I would need to change :

– class=”panel-layout” to id=”fullpage”
– class=”panel-grid” to class=”section”

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Vincent,

    You should be able to do this:

    $(document).ready(function() {
        $('.panel-layout').fullpage({
            sectionSelector: .panel-grid'
        });
    });
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More