Scrolling causes images to 'glitch' when I have more than 10 pages piled. (On Chrome, Mac)

[Micko1989]

Hi. My portfolio page with pagepiling recently stopped working. It's now really glitchy (see video attached). It was working fine before, which makes me think it's to do with Chrome's last update. (There's no issue in Safari). I also tested it with the Lewis themeforest template by inspecting the code on this page. When I add more than 10 pages to the pile, it starts glitching, just like my portfolio page does.

Screen.Recording.2021-10-19.at.09.48.16.mov

Is there a way to stop it glitching for more than 10 pages?

Many thanks

[alvarotrigo]

It works as expected on my side using the latest Chrome.
Did you try from another computer?

[Micko1989]

Thanks Alvaro. I tried it on two different Macs and it works fine, but they have older versions of OS.

My issues started after I updated to the latest OS update (11.6) so I wonder if it was caused by that? Which would mean other people are also seeing the problem when viewing my site. (Or potentially any site using pagepiling) Not sure what else could be causing it. I've tried incognito tabs so it's not the extensions I have installed.

Thanks

[alvarotrigo]

I can't see any problems on Big Sur using Browserstack.com.
I would try your page in another computer under the same OS to see if that fails too, but it looks like this can be a problem on your computer or some configuration in your Chrome.

[Micko1989]

Hey Alvaro. I tested it out on a friend's macbook on Chrome. He had the exact same issue. I also tested the Lewis template <http://paul-themes.com/html/lewis/demo/work-parallax.html> and added 8 extra projects using "Inspect". Same issue. This confirms that it is common across Big Sur macs using Chrome when there are more than 10 projects. I imagine it's impacting a lot of people who may not have realised yet. Thanks

…

On Mon, 25 Oct 2021 at 11:04, Álvaro ***@***.***> wrote: I can't see any problems on Big Sur using Browserstack.com. I would try your page in another computer under the same OS to see if that fails too, but it looks like this can be a problem on your computer or some configuration in your Chrome. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#227 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AWGGDO3IUQ5TPFXQNSE7AHDUIUTTDANCNFSM5GTQRB6Q> . 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>.

[alvarotrigo]

Unfortunately, I'm not able to reproduce the issue on my side.
As an alternative you can try changing to fullPage.js which is a much more mature and up-to-date library.

I'll probably end up making an extension for fullPage.js that provides the same pagePIling.js effect at some point 🤔