Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Locked

How to hide lightbox scrolling bar

New Here ,
Jul 29, 2017 Jul 29, 2017

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!

Views

897

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Guide , Jul 30, 2017 Jul 30, 2017
<style>.ContainerGroup {overflow-y: hidden !important;}</style>

Likes

Translate

Translate
Adobe Community Professional ,
Jul 29, 2017 Jul 29, 2017

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 30, 2017 Jul 30, 2017

Copy link to clipboard

Copied

Thank you for your suggestion. Unfortunately, the "all disabler" doesn't work on Lightbox.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 30, 2017 Jul 30, 2017

Copy link to clipboard

Copied

It´s a pity. Sorry.

Uwe

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Jul 30, 2017 Jul 30, 2017

Copy link to clipboard

Copied

<style>

.ContainerGroup {

overflow-y: hidden !important;

}

</style>

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 02, 2020 Jul 02, 2020

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 15, 2021 Mar 15, 2021

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);

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 19, 2021 Mar 19, 2021

Copy link to clipboard

Copied

LATEST

This discussion is from 2017 and no longer relevent so I'm locking this.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines