Comments (9)
@fisshy did you end up taking a look at this?
For me, toScroll('foo', { smooth: false })
is working across platforms, but toScroll('foo', { smooth: true })
is not working on at all on android chrome (emulated and real) or iPhone chrome (emulated)
It doesn't seem to be an onClick
issue for me, so maybe this is unrelated.
I'm probably a duplicate of #177
from react-scroll.
Ah, should probably make a fallback. I'm not sure how animating scroll works on mobile phones. Will test this myself tonight.
from react-scroll.
+1 any estimate for the fix on this issue? Otherwise seems to be a great plugin, thanks :)
from react-scroll.
Apparently onClick is not recognized on iOS if it doesnt have any additional indicator. Adding cursor: pointer
to the links by inline style or any other method fixed the scrolling issue for me on Safari iOS 9
from react-scroll.
Thanks for the tips, I will look into it, unless you want to make a PR :)
from react-scroll.
@fisshy is there any fix/workaround for this at the moment?
I'm also experiencing the same behaviour as described: { smooth: false } works but { smooth: true } does not.
from react-scroll.
Animating scroll on an iPhone does not work if you do anything else since the UI/Background runs on the same thread, correct me if I'm wrong. Thats why { smooth : false } works wich does not animate the scrolling.
from react-scroll.
Issue still there :(
I've seen there is an own implementation of "scroll".
Maybe switch to scroll-to?
Would fix the mobile issue AND it would be possible to scroll also horizontal!
Would be amazing...
from react-scroll.
Hello guys, any update about this issue?
from react-scroll.
Related Issues (20)
- Is this not compatible with Vite? HOT 3
- Active state not being properly set for some sections HOT 3
- TypeError new Nextjs App Directory HOT 3
- SEO issue? HOT 1
- It is not compatible with the latest Next.js. HOT 11
- element vs div id HOT 1
- React Scroll active wrong element
- How to scroll to section when it have image with dynamic height?
- Link is not scrolling correctly when containerElement has a border HOT 1
- Can Link component be given an href for the purposes of SEO? HOT 3
- My scroll not working from Footer to homepage HOT 2
- When "onClick" to close the menu is inserted, the menu does not scroll properly. HOT 1
- Add TypeScript Support to the Project HOT 2
- 'Link' cannot be used as a JSX component. HOT 11
- React Scroll is broken for newer versions of NextJs > 13.5 HOT 5
- scroller.scrollTo() is not working at all HOT 1
- Fail to update scroll listener in 1.9.0, due to wrong deduplication implementation HOT 2
- react-scroll.js target Element not found HOT 2
- ScrollSpy unable to reset or unmount
- outdated HOT 2
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 react-scroll.