Empty space at the bottom of the page

[filonenkoweb]

Hello 👋

After scrolling the pages to the bottom, there is an empty space. When I restart the site, the bottom always changes, then there is an empty space, then the footer disappears

I need that there is no empty space at the bottom of the site. Style file included locally

• OS: Windows 10
• Browser e.g
• Version [e.g. 108.0.1462.54]

Thank you 👊

[mallard132]

Just fill in the empty space

[rmill2016]

Are you able to record your screen and show a demo, maybe a codepen?

[developedbygeo]

If I had to guess, I'd say the document's height is being calculated before everything has properly loaded, so you might want to call update once that has happened or create the instance once everything's in place.

[smncd]

I had a similar issue, this worked for me: https://github.com/locomotivemtl/locomotive-scroll/issues/408#issue-1169457351

[HasanSibakhi]

When reaching the footer, give a footer height for example

footer {
min-height: 1000px
}

[HenriHarvest]

Just use this :

let locoScroll;
            locoScroll = new LocomotiveScroll({
        el: document.querySelector("[data-scroll-container]"),
            smooth: true,
            smartphone: {
                smooth: true
            }
        });
        new ResizeObserver(() => locoScroll.update()).observe(
            document.querySelector("[data-scroll-container]")
        );

[SergiOca87]

This worked form me:

https://github.com/locomotivemtl/locomotive-scroll/issues/408#issuecomment-1290191143