Solved

How to cover browser scroll bar with an overlay

Posted on 2011-03-10
7
560 Views
Last Modified: 2012-05-11

Hi Experts!

I would like to be able to cover the browser scroll bar when I use an overlay. It should work from IE6 +. How one can do this?

Thanks
0
Comment
Question by:dlcnet
  • 4
  • 3
7 Comments
 
LVL 7

Expert Comment

by:Gene_Cyp
ID: 35094029
Hmm, not fully sure what you are trying to achieve?

You have a page that has a VERTICAL scrollbar and you wish to hide that scrollbar using an overlay?
0
 

Author Comment

by:dlcnet
ID: 35094209
@Gene_Cyp:

yes
0
 
LVL 7

Expert Comment

by:Gene_Cyp
ID: 35094325
Is this scrollbar in an iframe or the actual main page?
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:dlcnet
ID: 35094338
@Gene_Cyp:

is the actual page. I would like to block the browser view-port including scroll bars
0
 
LVL 7

Accepted Solution

by:
Gene_Cyp earned 500 total points
ID: 35094448
Add this to your CSS file:

html, body { overflow: hidden; }


Or if you are putting your CSS as a script text inside the html page:

<style type="text/css">
html, body { overflow:auto }
</style>

But you are aware that hiding your scrollbar means you'll be unable to view parts of the page, right?
0
 

Author Comment

by:dlcnet
ID: 35094497
@Gene_Cyp:

right. I would like to block the user when an ajax request needs to update a bigger part of the page. He will not be able to use the Y scroll-bar as long as the update takes place.  
0
 
LVL 7

Expert Comment

by:Gene_Cyp
ID: 35094597
OK, well, above is the code to hide the Scrollbar. Good luck. :)

(Just keep in mind whenever you design something that users have expectations)
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Adding a hidden div to each row in a table 6 61
Syntax Error 2 43
To remove highlight from a "a href" 5 22
css img-response wont work properly 7 16
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

919 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now