• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

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

1.4K

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>

Votes

Translate

Translate
LEGEND ,
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

Votes

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.

Votes

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
LEGEND ,
Jul 30, 2017 Jul 30, 2017

Copy link to clipboard

Copied

It´s a pity. Sorry.

Uwe

Votes

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>

Votes

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.

Votes

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

 

Votes

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
Community Expert ,
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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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