[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 612
  • Last Modified:

How to cover browser scroll bar with an overlay


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
dlcnet
Asked:
dlcnet
  • 4
  • 3
1 Solution
 
Gene_CypCommented:
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
 
dlcnetAuthor Commented:
@Gene_Cyp:

yes
0
 
Gene_CypCommented:
Is this scrollbar in an iframe or the actual main page?
0
Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

 
dlcnetAuthor Commented:
@Gene_Cyp:

is the actual page. I would like to block the browser view-port including scroll bars
0
 
Gene_CypCommented:
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
 
dlcnetAuthor Commented:
@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
 
Gene_CypCommented:
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

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now