lity
lity copied to clipboard
pinch to zoom
Viewing an image where you need to use pinch to zoom gesture for more detailed view seems impossible.
Yep, this isn't ideal atm. sorry. It's on my todo-list...
There are two workarounds to support better zooming of images:
-
Make the underlying content non-scrollable:
.lity-active, .lity-active body { overflow: hidden; } -
Use a plugin to allow zooming of the image, eg. jquery.panzoom
$(document).on('lity:ready', function(e, lightbox) { lightbox.find('img').panzoom(); });
.lity-active,
.lity-active body {
overflow: hidden;
}
Why is this not part of the default CSS ? It seems useful to remove scroll bars to allow more space for large (wide) images and to prevent scrolling issues with inline and iframe content on iOS mobile devices.
I might consider this for the next version. 👍
It disables background scrolling too, which seems to bother some people...