Comments (17)
@kosmeln It's coming to CSS in the near future: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
from body-scroll-lock.
@simonmaass i tried https://github.com/rick-liruixin/body-scroll-lock-upgrade and it seems to work well for me
from body-scroll-lock.
They stopped maintenance. I had to work it out myself, using the same approach, with a new version of typeScript. And fix the original problem, available for everyone to use.
npm i body-scroll-lock-upgrade
from body-scroll-lock.
@krutoo I ended up using tua-body-scroll-lock
, it's inspired by body-scroll-lock
and works as intended. I'd strongly discourage anyone from using body-scroll-lock
any further.
from body-scroll-lock.
I've fixed the name, sorry for that...
from body-scroll-lock.
The author himself made the last commit a year ago. It more likely to be abandoned. The good news is we can fork this and do necessary updates by our self.
from body-scroll-lock.
There's also a bug on ios with a fix that hasn't been merged. So I conclude yes unfortunately
from body-scroll-lock.
@willmcpo @jvitela Hi! Do you have any plans for this project? If no - maybe you should create a team to collaborate on this? I'm sure there are people interested in this.
Yes, technically we can fork to own repo, but if there will be no support for this project from the dev team, it's better to transfer this repo to interested people
from body-scroll-lock.
Hi @Kreeg, I am not a maintainer of this library and I am no longer working with it. @willmcpo doesn't seem active on Github since 2021.
from body-scroll-lock.
Could anybody recommend a decent alternative? I've browsed a few, but was unsure there is a bulletproof one - especially with all iOS concerns.
from body-scroll-lock.
@fjeldsoe , thanks a lot!
from body-scroll-lock.
@kosmeln This seems to work well and address all iOS concerns as well: https://github.com/tuax/tua-body-scroll-lock
from body-scroll-lock.
@kosmeln It's coming to CSS in the near future: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
thanks a lot ! it works well.
from body-scroll-lock.
@kosmeln It's coming to CSS in the near future: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
It's great but many iOS users still uses old iOS/Safari
Can someone recommend alternative library that works with older and newer iOS Safari?
from body-scroll-lock.
@KilianSSL Can you link the npm package? Can't seem to find it
from body-scroll-lock.
tua-body-scroll-lock was updated 2 years ago. It seems to be abandoned too
from body-scroll-lock.
anyone find a good alternative?
Found these:
- https://github.com/vercel/body-scroll-lock
- https://github.com/rick-liruixin/body-scroll-lock-upgrade
Does anyone have experience or can recommend something?
from body-scroll-lock.
Related Issues (20)
- When enabled, scrolls to top of document in iOS Safari on Version: 4.0.0-beta.0 HOT 8
- Header Logo doesn't change to stacked version on Mobile
- Scroll bar width calculated incorrectly HOT 3
- Enabling and clearing body scroll don't work on iOS 15.1
- The scroll lock does not work if you swipe with two fingers at the same time
- Still able to scroll HOT 5
- Doesn't seem to lock HTML tag scrolling HOT 2
- iOS Devices: "restorePositionSetting" can run before "setPositionFixed"
- Inset of iOS devices is scrollable on modals HOT 1
- The content is twitching 15px from the right on MacOS Safari HOT 3
- Black bar at bottom when safari toolbar is hidden on iOS 15
- The package is not tree-shakeable due to side-effects
- Define a custom base element (not body) HOT 1
- iOS 16 Safari has width/size issues with wide content HOT 2
- This fork from vercel seems to fix some issues HOT 1
- Add example using React hooks HOT 1
- On IOS disableBodyScroll() makes element.scrollIntoView() not working HOT 1
- ESM build broken, causes scroll-to-top on iOS HOT 3
- Using logical css property instead of padding-right
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 body-scroll-lock.