Skip to content

fp-auto-height and scrollOverflow not working together  #4498

@alvarotrigo

Description

@alvarotrigo

Description

fullPage.js won't generate scrollable elements when using the class fp-auto-height in a section together with the fullpage.js option scrollOverflow: true.

On desktop it shows a section smaller than the viewport.
On mobile, when the height is small enough, the section will need to create a scrollbar inside that section if no responsive option is used and autoScrolling is on. However, this won't happen.

Link to isolated reproduction with no external CSS / JS

https://codepen.io/alvarotrigo/pen/WNyVbKr

Steps to reproduce it

  1. Go to: https://codepen.io/alvarotrigo/pen/WNyVbKr
  2. Resize down the viewport size to a max of 588px height.
  3. See how the last section doesn't contain scrollable content (when it needs it)

Versions

fullPage.js 4.0.15

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions