locomotivemtl / locomotive-scroll

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

data-scroll-speed on mobile without smooth scroll #328

Open coderesolution opened 2 years ago

coderesolution commented 2 years ago

Hello 👋

Is it possible to utilize data-scroll-speed for parallax effects on smartphones, without having smooth scroll (since it isn't a great experience on mobile)?

Thank you 👊

white-hat-vaibhs commented 2 years ago

I believe you can control the smooth behaviour by specifying,

const locoScroll = new LocomotiveScroll({
    el: document.querySelector(".smooth-scroll"),
    smooth: true,
    mobile: {
       smooth: false
   },
   tablet: {
       smooth: false
   }
  });
jankohlbach commented 2 years ago

@coderesolution I think if you disable the smooth scrolling like @white-hat-vaibhs suggests, you cannot use parallax anymore, because the scroll is not initialized at all then, it's just the native one

ashehzadgec commented 2 years ago

You can use different libraries for the same purpose like gsap and many more options out there.

0xSandwich commented 2 years ago

On the demo page they disabled smooth scroll on mobile, but the animations still works. https://locomotivemtl.github.io/locomotive-scroll/

Can't find how they did it

ashehzadgec commented 2 years ago

The animations working in tablet or mobile mode is not from locomotive scroll and locomotive scroll animation are not working in this mode.

On Sat, Sep 18, 2021 at 3:59 PM Lucien Chotard @.***> wrote:

On the demo page they disabled smooth scroll on mobile, but the animations still works. https://locomotivemtl.github.io/locomotive-scroll/

Can't find how they did it

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/locomotivemtl/locomotive-scroll/issues/328#issuecomment-922259172, or unsubscribe https://github.com/notifications/unsubscribe-auth/APQYRBS7YRPOZAHBTYK564DUCRWILANCNFSM5BYTH4RQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.