How to hide scrollbars in Muse

Report · Jun 14, 2012

hello to everybody,

i was wondering...is there an option to hide scrollbars in a website built with Adobe Muse ? I know Safari hides scrollbars by default but older browser don't. I want to hide them for a matter of design...
Thank you all !

Report · Jun 14, 2012

Hi,

I'm sorry you cannot hide scrollbars for browsers using Muse.

Muse does not currently offer the ability to hide scrollbars on your site. You may be able to accomplish this by inserting custom code using Object > Insert HTML...

Please post this as a feature request in the Ideas for Features in Adobe Muse forum: http://forums.adobe.com/community/muse/ideas

-Shushobhan

Report · Aug 03, 2013

To hide your scrollbar:

1. On the page you want to do that - go to Object / insert HTML

2. Insert this code

html,body{overflow-x:hidden;}

</style>

This code hides the horizontal scrollbar. If you want to do it for the vertical one, change overflow-x:hidden to overflow-y:hidden

Ali Pordeli

Report · May 01, 2014

This was of great help to me even over a year later , thanks.

Report · Jul 09, 2014

Thanks for the code, really helps

Report · Jul 10, 2014

When I use the code, I am getting some weird double vertical scroll bar to the side for some reason. Here is link http://texashighwaysponsorship.com/index.html. Any thoughts on why its happening? I'm only hiding the x overflow, so whats with the double down on the vertical?

Report · Jul 10, 2014

Well, It happens because vertical overflow is not hidden in the iframe or code that you are using. Send me the code and I can tell you what changes should be done, thanks.

Report · Jul 16, 2014

Here is what I have:

<style>

html,body{

overflow-x:hidden;

}

</style>

Report · Jul 16, 2014

Check this out...

Disabler Widget

It's free, click on the free download to get the file.

Report · Jun 08, 2015

Hi, this widget disables vertical/horizontal scrolling. I want something that just HIDES the scroll bars but still scrolls?

Please let me know when you across something useful. Thanks!

Report · Dec 07, 2017

Hey! Since you commented over a year ago, you may have figured it out by now but if not and for anyone else that searches this...

I was trying to do the same thing - hide the scroll bars but still have the page content scroll as normal.

in Page > Page Properties > Metadata

In the "HTML for <head>" field paste the following code:

html,body {

overflow: scroll;

overflow-x: hidden;

}

::-webkit-scrollbar {

width: 0px;

background: transparent;

}

</style>

do this on all the pages you want to hide the scroll bars

Report · Aug 16, 2014

What you want is

<style>

html,body{

overflow-y:hidden;

}

</style>

x is horizontal, y is vertical

Report · Nov 10, 2014

This worked perfect! Thanks!

Report · Jul 06, 2015

Thanks to all of you, it helped a lot

Report · Jan 19, 2016

THANK YOU SO MUCH!

Report · May 11, 2018

This worked for me and I'm so happy.

You are a life saver!!

Thank you!

Report · May 11, 2018

Assuming the page is long or wide enough for default browser scrolbars to appear, hiding them from people poses a usability nightmare. Why oh why would anyone want to do that?

There's an old saying in web design. "Don't mess with people's browsers." Changing expected browser behaviors only confuses people. It doesn't make your site better.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Aug 06, 2014

Is there by chance, as way to modify this so that you can tell the horizontal scroll bar to center? I have some really wide pages needed for spacing and my website via adobe Muse defaultly positions the page to the utmost left of the page when in browser.

Report · Aug 06, 2014

The Scroll Master QooQee widget is what you need. It not only gives you the option to center your scrollbar horizontally, but you can choose to scroll down and the scrollbar moves horizontally (would be nice for a wide page).

It is free, give it a try.

Click here to see the widget.

Ali

Report · Aug 06, 2014

That's Great!

BUT, It looks like it only works when the page first loads. Once the anchor scroll links are clicked it reverts the horizontal scroll back to the left. It's so close to finding a solution though. I wish I knew what the widget was actually doing to the code. www.daniellachman.com

Report · Aug 06, 2014

Ok I see. You have some content with scroll motion applied to them. The scrollbar is actually horizontal not vertical (in your project). The main point of the widget is having a wide page "width: 5000px" for example. Then you do not need to apply scroll effect to the content, just place them right after another in the wide page of yours.

If it sounds confusing or difficult, send you file to info@qooqee.com and point the issue, we can help you with that.

Ali

Report · Jan 23, 2015

you saved my life, THANK YOU!!!

Report · Feb 11, 2015

Hello,

When I use the disabler or the code, it gets rid of the scroll bar and the scrolling. Is that what everyone is looking for it to do or is everyone still able to scroll?

Let me know,

Thank you

Report · Aug 26, 2015

Ali,

Where do I put the .mulib? In What folder?

Thanks

Report · Aug 26, 2015

‌Simply doubleclick it. Muse does the rest.

Adobe Community

How to hide scrollbars in Muse

1 Correct answer