Copy link to clipboard
Copied
Hi,
I'm wondering if I can hide scrolling bar in the Lightbox.
I found this code:
<style>
body {
overflow-y: hidden;
}
</style>
and placed it into HTML for <head> in Page Properties, but unfortunately it only removes the site scrolling bar, but not the one when Lightbox is open.
Here please see my test site. You can click the "Brooklyn" one to see the Lightbox with scrolling bar
typeji.businesscatalyst.com
Thank you!
<style>
.ContainerGroup {
overflow-y: hidden !important;
}
</style>
Copy link to clipboard
Copied
There are some "all disabler" widgets on musewidgets.com.
You should ask the inventors, if this fits to light boxes as well first, before you purchase one.
There´s also one where you can create a custom scrollbar. Maybe this gets a workaround for you, if light boxes cannot be set to hide the scroll bar.
Unfortunately this is available only with subscription but I didn`t check all of them.
Best Regards,
Uwe
Copy link to clipboard
Copied
Thank you for your suggestion. Unfortunately, the "all disabler" doesn't work on Lightbox.
Copy link to clipboard
Copied
It´s a pity. Sorry.
Uwe
Copy link to clipboard
Copied
<style>
.ContainerGroup {
overflow-y: hidden !important;
}
</style>
Copy link to clipboard
Copied
I have been trying to get this to work on my lightbox widget in Muse, and for the life of me, I can't get rid of the vertical Scrollbar on just the lightbox hero image after it opens. Can you please help?
I tried going to the page and then going to Object/Insert HTML and then pasting:
<style>
.ContainerGroup {
overflow-y: hidden !important;
}
</style>
But it won't work for me. I tried a bunch of other things to to no avail. What am I doing wrong? Thanks.
Copy link to clipboard
Copied
Hi, if somebody still needs it, you can use lightbox events.
var lg = document.getElementById('lightgallery');
lg.addEventListener('onAfterOpen', function(e){
$("html, body").css("overflow","hidden");
}, false);
lightGallery(lg);
lg.addEventListener('onCloseAfter', function(e){
$("html, body").css("overflow","auto");
}, false);
lightGallery(lg);
Copy link to clipboard
Copied
This discussion is from 2017 and no longer relevent so I'm locking this.