Invisible scroll bar . Disable but still working

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
amir2314
 
 
Posts: 321
Joined: Wed Aug 02, 2017 12:16 pm

Invisible scroll bar . Disable but still working

Post by amir2314 »

Hi dear pablo .
.
How can i hide the scrollbar but still scroll ?
.
Is there any html or custom css code to doing that ?
User avatar
crispy68
 
 
Posts: 3090
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Invisible scroll bar . Disable but still working

Post by crispy68 »

I'm not Pablo, but you can try to add this CSS code:

Code: Select all

<style>
/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
</style>
Change ".example" to the ID of the object.
User avatar
amir2314
 
 
Posts: 321
Joined: Wed Aug 02, 2017 12:16 pm

Re: Invisible scroll bar . Disable but still working

Post by amir2314 »

crispy68 wrote: Wed Aug 24, 2022 4:37 pm I'm not Pablo, but you can try to add this CSS code:

Code: Select all

<style>
/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
</style>
Change ".example" to the ID of the object.
Hi dear crispy68 . thanks A lot For the consider ❤️ is it work for all Breakpoint ?
Post Reply