locomotivemtl / locomotive-scroll

🛤 Detection of elements in viewport & smooth scrolling with parallax.
https://locomotivemtl.github.io/locomotive-scroll
MIT License
7.98k stars 1.12k forks source link

I cant scroll all the way down on live published site #505

Open prada24k opened 1 year ago

prada24k commented 1 year ago

https://new-website-6fa180-953150-16508250097fb.webflow.io/

Carolinekuuhn commented 1 year ago

I'm having the same problem

Fizzify commented 1 year ago

Having the same issue as well.

littlecrome commented 1 year ago

are you missing the locomotive-scroll css?

prada24k commented 1 year ago

No I have it, but I just can’t scroll all the way to the bottom of my home page for some odd reason

On Tue, Jun 27, 2023 at 11:33 AM Christelle R @.***> wrote:

are you missing the locomotive-scroll css?

— Reply to this email directly, view it on GitHub https://github.com/locomotivemtl/locomotive-scroll/issues/505#issuecomment-1609761156, or unsubscribe https://github.com/notifications/unsubscribe-auth/BAQLIGFS2QUAXHBAT56LKM3XNL4L5ANCNFSM6AAAAAAZDTLNAE . You are receiving this because you authored the thread.Message ID: @.***>

littlecrome commented 1 year ago

Could it be because the library calculate the animations before your page is fully loaded? Ie the pictures aren't there yet to it isn't the right size.

littlecrome commented 1 year ago

see https://github.com/locomotivemtl/locomotive-scroll/issues/220

prada24k commented 1 year ago

Im still a bit confused on how to resolve the issue

prada24k commented 1 year ago

If you take a look at my "featured work" section within the home page, youll notice that the pannels are movable. I want the pannels to be fixed (don't want them to be movable). How would i go about doing so? I've attached the website link down below

https://www.elysiumcreative.com

Shlok2927 commented 9 months ago

Locomotive is messing with the height of my webpage and it is giving extra height to the components in my react app.

fourroses666 commented 2 months ago

Probably because of images being loaded after the script.

Try this, it helped for me:

    // w8 till images being loaded
    window.addEventListener('load', () => {
        scroll.update(); // Update Locomotive Scroll after loading images..
    });