Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations wOOdy-Soft on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Removing scrollbar using JS

Status
Not open for further replies.
BobTB

BobTB

Technical User
Oct 28, 2002
37
AU
I have a web page that is 580px long. When I view the page in Netscape 7 there a no greyed-out scrollbars on the far right of the page. But in Internet Explorer 6, the scroll bar is shown on the far right of the page but greyed-out because the page doen't require a scroll bar. Is there a way using javascript or some other method to totally remove the greyed-out scroll bar from IE6. I need to remove it because of a problem with menu positioning on the page.

Thank You
 
Sort by date Sort by votes
try putting this in your <body> tag:

scroll=no

or scroll=auto

that will make ie check to see if it needs to display scrollbars. you could also do it with stylesheets:

<body style=&quot;overflow:auto;&quot;> Robert Carpenter
questions? comments? thanks? email me!
linkemapx@hotmail.com
Icq: 124408594
online.dll

AIM & MSN: robacarp
 
Upvote 0 Downvote
You can fake it.

1/ Put iE6 into quirks mode (no strict doctype)

2/ When you require the scrollbar to be hidden apply the following (where #000000 = your background colour):

document.body.style.scrollbarDarkShadowColor = &quot;#000000&quot;
document.body.style.scrollbarFaceColor = &quot;#000000&quot;
document.body.style.scrollbarHighlightColor = &quot;#000000&quot;
document.body.style.scrollbarArrowColor = &quot;#000000&quot;
document.body.style.scrollbarTrackColor = &quot;#000000&quot;
document.body.style.scrollbar3dLightColor = &quot;#000000&quot;
document.body.style.scrollbarShadowColor = &quot;#000000&quot;

3/ When the scrollbars need to be visible:

document.body.style.scrollbarDarkShadowColor = &quot;&quot;
document.body.style.scrollbarFaceColor = &quot;&quot;
document.body.style.scrollbarHighlightColor = &quot;&quot;
document.body.style.scrollbarArrowColor = &quot;&quot;
document.body.style.scrollbarTrackColor = &quot;&quot;
document.body.style.scrollbar3dLightColor = &quot;&quot;
document.body.style.scrollbarShadowColor = &quot;&quot;
 
Upvote 0 Downvote
Yes but what happens if someone has more menu bars set up in their version or they have a smaller screensize or they are using AOL all of these will have a smaller display area requiring scrollbars and your menu will still be messed up It's not a lie if you believe it!

 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
921
xwb
xwb
jimoo
  • Locked
  • Question
How execute JS
Replies
3
Views
1K
xwb
xwb
penguinspeaks
  • Locked
  • Question
How do I pass a classic asp variable to JS
Replies
1
Views
1K
xwb
xwb
TheLazyPig
  • Locked
  • Question
Dropdown (option) using Anguarjs
Replies
0
Views
679
TheLazyPig
TheLazyPig
TheLazyPig
  • Locked
  • Question
Copy details of searched reference to table using Angular JS
Replies
0
Views
246
TheLazyPig
TheLazyPig

Part and Inventory Search

Sponsor

Back
Top