nk-o / jarallax

Parallax scrolling for modern browsers
https://jarallax.nkdev.info
MIT License
1.38k stars 210 forks source link

Glitching on scroll #217

Open phrizm opened 1 year ago

phrizm commented 1 year ago

Hello and happy new Year Nikita.

My issue: try to reproduce on mobile device.

Page example: https://www.northwestalps.com/2023/01/05/swiperslider-js/

https://youtube.com/shorts/8ZJOQ-4t3Q8?feature=share

How I made it work on WordPress (I don't need plugin for several reasons)

https://github.com/phrizm/bs-jarallax

Please help me out 😩

nk-o commented 1 year ago

Hey.

I don't know why this happens. Some of the backgrounds on our demo are also not working smoothly on my iPhone. But some works fine... https://jarallax.nkdev.info

If someone has any info on why this happens, I highly appreciate any help.

p.s. I don't see Jarallax on your site.

Regards, nK.

FerchoCarcho commented 1 year ago

It is not possible to use it comfortably in android mobiles, it makes the other components or parts below the jarallax to jump the scrolling, like lags , and in a chrome browser when you scrol up the border bottom of the jarallax gets glicthing, retina ready is also a must because the images should change resolution mandatory.

alexorlov1 commented 5 months ago

Try this: .jarallax div {will-change: transform;} so the transform will use GPU to render it all.