Comments (3)
Hey Francesco!
Can I confirm two things:
- are you using the latest version: 1.7.3
- is the smooth scroll being 'janky' just affecting mobile, or desktop as well?
from asscroll.
- are you using the latest version: 1.7.3
- is the smooth scroll being 'janky' just affecting mobile, or desktop as well?
- Yes, I was using version
1.7.3
, and then I rolled back to version1.5.9
upgrading it one version at a time. Until version1.6.5
everything goes perfectly - Yes, only on mobile. It works like a charm on desktop (I forgot to mention that I was on device emulation mode)
from asscroll.
Ok so some changes were made in 1.7.1 in favour of improving mobile scroll performance and by default doesn't translate the page element. If you want to bring back the way it was before you can set disableOnTouch: false
in the options.
If you're going to be doing any DOM + WebGL syncing I would recommend leaving that as true and taking a look at this for a mobile setup: https://codepen.io/ashthornton/pen/f0db400416fff43ad5096b45f6974de4
It's something I put together very quickly yesterday to demonstrate native mobile scrolling with no WebGL lag. The important thing in this setup seems to be using that .pointer-blocker
element. But if your canvas is over your DOM it should be fine as long as its got pointer-events: none
on it.
You can visit this link on your mobile: https://codepen.io/ashthornton/full/f0db400416fff43ad5096b45f6974de4
to see it without CodePen UI around it. Would be interesting to see if you have any issues with that.
Let me know any issues.
from asscroll.
Related Issues (20)
- Provide way to detect if the page is actively being transformed
- Fix auto-inversion of target position when using .scrollTo on touch devices
- Add a jumpTo type method HOT 1
- Scroll jumps up when enabling
- Scroll jumps back to initial start position on Nuxt? HOT 1
- Works in Codepen only HOT 1
- Jumps farther than expected in firefox HOT 2
- Is it possible to have tabindex inputs and buttons work with AsScroll? HOT 2
- Is it possible to disable AsScroll? HOT 1
- How to know when an element scrolls into view? HOT 2
- Window jumps to top when using a form in Safari v15.4 HOT 2
- Does not scroll while mouse is over iframe. HOT 4
- How to properly remove event listener on window.object? HOT 3
- Asscroll not working with scrolltrigger which consist horizontal scroll HOT 1
- Position fixed seems to kill performances on safari HOT 1
- Position Fixed Problems HOT 1
- Tab focus not working for horizontal scroll
- Not working with Next.js HOT 1
- After a few seconds, couldn't scrolling with nextjs HOT 5
- Unable to scroll on div with absolute
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from asscroll.