HTML : Hiding IE scroll bar

Schwinnz · 15-03-2003, 10:51 PM

Hi !

Is there a way to hide the scroll bar without using frames ?

Little Nicky · 16-03-2003, 02:36 AM

Hey Schwinnz

Yes there is a way, and I've written a little script for you to make it work.

Code:

<html>

<head>
<title>Show Hide Scrollbars</title>
<script name="Detect Browser" language="Javascript">
var detect = navigator.userAgent.toLowerCase();
var browser,thestring;

if (checkIt('msie'))
{
	browser = "Internet Explorer";
}
else if (!checkIt('compatible'))
{
	browser = "Netscape Navigator";
}
else browser = "An unknown browser";

function checkIt(string)
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}
</script>
<script
name="Add and Remove Scroll Bars" language="Javascript">
function noScrollIE()
{
	document.body.scroll="no";
}
function scrollIE()
{
	document.body.scroll="yes";
}
function noScrollNS()
{
	document.width=	window.innerWidth;
	document.height=window.innerHeight;
}
function scrollNS()
{
	document.width=1000;
	document.height=1000;
}
</script>
<script "Do the work" language="Javascript">
function removeScrollBars()
{
	if (browser = "Internet Explorer")
	{
		noScrollIE();
	}
	else if (browser = "Netscape Navigator")
	{
		noScrollNS();
	}
}
</script>
</head>

<body onload="removeScrollBars()">
<a href="javascript:noScrollIE();">IE Scrollbars Off</a><br>
<a href="javascript:scrollIE();">IE Scrollbars On</a><br>
<a href="javascript:noScrollNS();">NS Scrollbars Off</a><br>
<a href="javascript:scrollNS();">NS Scrollbars On</a><br>
</body>

</html>

I've put the functions to put the scrollbars back on in case you need them. I've also put some links in the test page so you can test it.

It is a longish script, but it's worth it, because then they get removed for the two major browsers and it is not browser specific (not really anyway).

The Threedy forums seem to put a space between the words "java" and "script" in the <a href> tags ... if they are still there when you have copy/pasted it, just remove the space.

I hope this helps,
Nik

Schwinnz · 16-03-2003, 03:12 AM

I found that on the internet in another form but is there a way to automatically hide it ?

Tim_Cutho · 16-03-2003, 05:29 AM

what do you mean?

you could just put scroll="no" in your body tag if you're lazy...

Tim_Cutho · 16-03-2003, 05:30 AM

and also scroll="auto" if you want it to scroll only when there is too much content to fit on the one screen...

Schwinnz · 16-03-2003, 05:37 AM

Thank you, that's what I was looking for.

Little Nicky · 16-03-2003, 08:43 AM

The one I gave is automatic — it just works on both IE and NS — if you just put scroll="no" in the body tag then it will only work on IE. It is best to be crossbrowser, but it's your choice of course.

Tim_Cutho · 16-03-2003, 09:03 AM

mmm, seems a fair bit off effort to just hide the scrollbar though

Schwinnz · 16-03-2003, 02:51 PM

Oh little nicky I just understood how your script works... I'm so bad at scripting...

Little Nicky · 16-03-2003, 08:45 PM

That's alright Schwinnz

.

Tim: Yeah I know it seems a lot and there might be another way to do it, but I have just got into the habit of making everything as crossbrowser as possible

.

Anyway ... some habits are good and some bad ...

15-03-2003, 10:51 PM	#1
Schwinnz Registered User Join Date: Oct 2002 Location: Quebec, Canada Posts: 81 Thanks: 0 Thanked 0 Times in 0 Posts	HTML : Hiding IE scroll bar Hi ! Is there a way to hide the scroll bar without using frames ? __________________ "All animals are equal. But some are more equal than others. " -George Orwell

16-03-2003, 03:12 AM	#3
Schwinnz Registered User Join Date: Oct 2002 Location: Quebec, Canada Posts: 81 Thanks: 0 Thanked 0 Times in 0 Posts	I found that on the internet in another form but is there a way to automatically hide it ? __________________ "All animals are equal. But some are more equal than others. " -George Orwell

16-03-2003, 05:29 AM	#4
Tim_Cutho Purple Ninja Join Date: Oct 2002 Location: Australia Posts: 110 Thanks: 0 Thanked 0 Times in 0 Posts	what do you mean? you could just put scroll="no" in your body tag if you're lazy... __________________ :: Tim Cutho :: www.Tim3D.tk » Making cubes in avatars cool since October '02 «

16-03-2003, 05:30 AM	#5
Tim_Cutho Purple Ninja Join Date: Oct 2002 Location: Australia Posts: 110 Thanks: 0 Thanked 0 Times in 0 Posts	and also scroll="auto" if you want it to scroll only when there is too much content to fit on the one screen... __________________ :: Tim Cutho :: www.Tim3D.tk » Making cubes in avatars cool since October '02 «

16-03-2003, 05:37 AM	#6
Schwinnz Registered User Join Date: Oct 2002 Location: Quebec, Canada Posts: 81 Thanks: 0 Thanked 0 Times in 0 Posts	Thank you, that's what I was looking for. __________________ "All animals are equal. But some are more equal than others. " -George Orwell

16-03-2003, 08:43 AM	#7
Little Nicky PG Rated Join Date: Jan 2003 Location: Levin, New Zealand Posts: 97 Thanks: 0 Thanked 0 Times in 0 Posts	The one I gave is automatic — it just works on both IE *and* NS — if you just put scroll="no" in the body tag then it will only work on IE. It is best to be crossbrowser, but it's your choice of course. __________________ Be Unafraid. Be very Unafraid.

16-03-2003, 09:03 AM	#8
Tim_Cutho Purple Ninja Join Date: Oct 2002 Location: Australia Posts: 110 Thanks: 0 Thanked 0 Times in 0 Posts	mmm, seems a fair bit off effort to just hide the scrollbar though __________________ :: Tim Cutho :: www.Tim3D.tk » Making cubes in avatars cool since October '02 «

16-03-2003, 02:51 PM	#9
Schwinnz Registered User Join Date: Oct 2002 Location: Quebec, Canada Posts: 81 Thanks: 0 Thanked 0 Times in 0 Posts	Oh little nicky I just understood how your script works... I'm so bad at scripting... __________________ "All animals are equal. But some are more equal than others. " -George Orwell

16-03-2003, 08:45 PM	#10
Little Nicky PG Rated Join Date: Jan 2003 Location: Levin, New Zealand Posts: 97 Thanks: 0 Thanked 0 Times in 0 Posts	That's alright Schwinnz . Tim: Yeah I know it seems a lot and there might be another way to do it, but I have just got into the habit of making everything as crossbrowser as possible . Anyway ... some habits are good and some bad ... __________________ Be Unafraid. Be very Unafraid.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode