Comments (8)
clementroche
commented on September 15, 2024
please provide a codesandbox
from lenis.
VladDigitalOriginal
commented on September 15, 2024
The bug is only reproduced in preview in Safari.
Maybe some refreshes required to reproduce.
npm run build
npm run preview
edit: update codesandbox link
from lenis.
clementroche
commented on September 15, 2024
Which version of Safari are you using ? It works for me using 16.4.
from lenis.
VladDigitalOriginal
commented on September 15, 2024
My Safari version is 16.6, but I've also encountered it in previous versions. You can try to check it here; a few reloads may be required. Additionally, there is a rotateY based on velocity, and when this bug occurs, the velocity is always equal to 0.
Here is a video where I attempt to scroll, but it appears to be "locked":
Screen.Recording.2023-08-29.at.13.23.00.mov
from lenis.
clementroche
commented on September 15, 2024
@VladDigitalOriginal are you trying to scroll during the scrollTo animation ?
from lenis.
VladDigitalOriginal
commented on September 15, 2024
@clementroche yes
from lenis.
clementroche
commented on September 15, 2024
maybe related #103
from lenis.
VladDigitalOriginal
commented on September 15, 2024
I had the same issue as #103 and wrapper: document.body fixed it, but problem with locked scrollTo (and zero velocity) remains
from lenis.
Related Issues (20)
- Smooth is not defined HOT 3
- Problems with latest version 1.0.22 HOT 2
- Issue with Finsweet TOC attributes in Webflow HOT 3
- Error with Lenis constructor types in Typescript HOT 1
- scroll in other dialogs trigger lenis HOT 2
- nested scroll HOT 1
- lag when using position sticky (pin property in GSAP) HOT 3
- gestureOrientation: 'both' blocks click event on mobile HOT 1
- JS events not working on scroll HOT 2
- Optionally disable smooth scrolling on trackpads HOT 3
- Disable lenis on html elements programmatically (alternative to data-lenis-prevent) HOT 4
- [QUESTION] GSAP ScrollTrigger integration still required? HOT 4
- Setting velocity does not seem to have any effect HOT 2
- Lenis is lagging with GSAP in Nextjv13 Page Router HOT 3
- Lenis conflict with WebGl canvas and .lenis-scrolling class is present on html tag HOT 1
- Horizontal instance nested within vertical root instance - parent's vertical scroll not respected
- smoothWheel's default value is `true` and not `false` as stated in the README HOT 1
- Smooth nested scroll HOT 5
- Smooth Scrolling Issue with `content` and `wrapper` in iOS Safari HOT 3
- scrollTo sometimes produces -1px offset on top when given HTMLElement as target 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 lenis.