sherri
03-20-2003, 01:39 PM
You can hide your scroll bars using this code but you cant scroll the page once you hide them. Go to the link to preview it.
http://javascript.internet.com/miscellaneous/hidden-scrollbars.html
the code:
<!-- TWO STEPS TO INSTALL HIDDEN SCROLLBARS:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Scriptbreaker (pieterpareit@hotmail.com) -->
<!-- Web Site: http://www24.brinkster.com/scriptbreaker/home.htm -->
<!-- Begin
function hidden()
{document.body.style.overflow='hidden';}
function unhidden()
{document.body.style.overflow='';}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<div align="center">
<form>
<input type="button" value="hidden scrollbars" onclick="hidden()"><br>
<input type="button" value="unhidden scrollbars" onclick="unhidden()">
</form>
</div>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.12 KB -->
Make sure you put it in the body tags.
http://javascript.internet.com/miscellaneous/hidden-scrollbars.html
the code:
<!-- TWO STEPS TO INSTALL HIDDEN SCROLLBARS:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Scriptbreaker (pieterpareit@hotmail.com) -->
<!-- Web Site: http://www24.brinkster.com/scriptbreaker/home.htm -->
<!-- Begin
function hidden()
{document.body.style.overflow='hidden';}
function unhidden()
{document.body.style.overflow='';}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<div align="center">
<form>
<input type="button" value="hidden scrollbars" onclick="hidden()"><br>
<input type="button" value="unhidden scrollbars" onclick="unhidden()">
</form>
</div>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.12 KB -->
Make sure you put it in the body tags.