Comments (3)
jsor
commented on August 17, 2024
This is more like a feature. Since i want to keep lity lightweight, i didn't implemented it. You need to implement that by yourself exactly how you did it.
from lity.
jsor
commented on August 17, 2024
I've release the new version 1.4.0 which now toggles a lity-active class on the <html> element.
Simply add
.lity-active,
.lity-active body {
overflow: hidden;
}if you want a non-scrollable body while lity is opened.
You could even improve this (eg. in combination with Modernizr) and only make the body non-scrollable on touch devices:
.lity-active.touch,
.lity-active.touch body {
overflow: hidden;
}from lity.
johanson
commented on August 17, 2024
Thanks, this is the best solution. Keeping the core simple while being easily extended and updated.
from lity.
Related Issues (20)
- Plugins not included in lity.js file in the dist folder HOT 1
- Activation ":visited" on the lity link
- How to resize the image size shown in lity lightbox ?
- How to resize url page?
- lity.iframe is not a function (when running via npm/Laravel mix)
- Stop event propagation when I close a light box HOT 1
- Lity Lightbox pauses all the other videos on the page.
- Lity doesn't open youtube link on iOS (iPad/iPhone)? HOT 1
- is it possible to display the video with an aspect ratio?
- Add parameter or argument for local video playback?
- Vimeo tag were chanaged
- Can't download the PDF file opened via this module
- How to edit the size of the lightbox
- Cant use for .mov files ?
- Escape does not return focus to triggering element SVG
- Is it possible to center a Google image without file extension in the iframe pop-up?
- Custom styles per pop-up
- Lity doesn't seeem to realise I want to parse html instead of a url
- Youtube Refused to Connect
- vimeo embedding ?
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 lity.