Skip to content

scrollOverflow not working #4718

@logiblue

Description

@logiblue

Hello,
Im trying to convert my existing website to fullpage.js

I use the fullpage.js only on my homepage. The main Issue is that in my setup does not work the method scrollOverflow: true .
Any section that I need to have a scroll in the inside content its not working. The browser show that there is a scrollbar on the right and lets you scroll with this but not with mouse scroll.

Also tried to test like the

You can see a demo in this url : https://fullpage.itsnotnow.gr/

The code is all in the hompage so you can check it out with inspect. Unfortunately im not able to reproduce this in a codepen.

<script type="text/javascript" src="https://unpkg.com/fullpage.js/vendors/scrolloverflow.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/fullpage/fullpage.offsetSections.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/fullpage/fullpage.scrollOverflowReset.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/fullpage/fullpage.scrollHorizontally.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/fullpage/fullpage.scrollHorizontally.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/fullpage.js/dist/fullpage.extensions.min.js"></script>

This is my JS setup

    new fullpage('#myContainer', {
        slidesNavigation: true,
        licenseKey: 'my-licence-key',
    	normalScrollElements: '#case',
        scrollOverflow:true,
        scrollHorizontally:true,
    });

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions