Remove Vertical Scroll Bar from Home Page

Hello Worldsplayground,

If you want to make sure the scrollbars never appear, you can use overflow:hidden style on the body tag.  However, this will 'cutoff' any content that does not appear on the screen.

I hope this helps!

oceanbeach

Hi guys,
Roonaan: In answer to your question, what they want is to have no scroll bars on the home page.  At the moment, regardless of what toolbars are being displayed, there is just an endless amount of black space below the end of their advertisement.  So when a user enters the page, if they scroll there is nothing but black space (which is the background color).  There is little going on the in the HOMEPAGE for there to even be vertical scrollbar.

Oceanbeach: I tried the code overflow:hidden however the scrollbar still exists.

Hi Worldsplayground,

How about trying...

html, body { height: 100%; width: 100%; overflow: hidden; }

-OB

Worldsplayground,
 Page code you have given, may not be useful without css and js files. Its better to give url than page code. If you don't mind, let me have the url.

Hi OceanBeach,
Tried that code and it still didn't work.  It is as if it disregards any overflow command.

Hi Sinoj,
As requested here is a testpage URL link to the homepage I am writing.
I have also noticed, that upon uploading the pages, the FlashMENU search field keeps flashing on and off.  That is weird because it doesn't do it when I debug it off my PC.

The URL is http://www.worldsplayground.com/TESTPAGE/index.htm

Your scripting on that page for the marquee uses an obscene amount of CPU! 20% of a very powerful computer... It drops off to 0% when you hover over the text and it stops scrolling so you might want to have a look at alternative methods of scrolling the text.

But I can't see a scrollbar on Firefox 2 or IE7.

OliWarner,
I tried it out on my CPU and it is only running on 1%, I don't get a 20% usage as yours.
Nonetheless, the I am still able to see the scrollbars on IE7 and now more importantly part of the navigation seems to fade out, unless you place your mouse over the right end of ONLINE CALENDAR.

I am so confused.

Your HTML menu is making problems. Use noscript tag.
****************************************
      <!-- menu navigation settings (search engine friendly) -->
      <!-- Change these links and press F12 to test -->
<noscript>
      <div id="menu" style="position: absolute; visibility: hidden;">
                <div><a href="http:///">&lt;b&gt;About US&lt;/b&gt;</a></div>
        <div class="submenu">
                <div><a href="http:///" target="_blank">Parent &amp; Citizens</a></div>
                <div><a href="http:///">After School Care</a></div>
        </div>
        <div><a href="http:///">&lt;b&gt;School Information&lt;/b&gt;</a></div>
        <div class="submenu">
                    <div><a href="http:///" target="_blank">Starting School</a></div>
                <div><a href="http:///">Procedures</a></div>
                        <div class="submenu">
                      <div><a href="http:///" target="_blank">School Enrolments</a></div>
                <div><a href="http:///" target="_blank">School Forms</a></div>
              </div>
                <div><a href="http:///" target="_blank">Bike Policy</a></div>
                <div><a href="http:///" target="_blank">Uniform</a></div>
                <div><a href="http:///" target="_blank">Local High Schools</a></div>
                <div><a href="http:///" target="_blank">Staff Contacts</a></div>
        </div>  
            <div><a href="http:///">&lt;b&gt;Learning at CCPS&lt;/b&gt;</a></div>
            <div class="submenu">
                <div><a href="http:///">Learning Areas</a></div>
                  <div class="submenu">
                      <div><a href="http:///" target="_blank">Creative Arts</a></div>
                        <div><a href="http:///" target="_blank">English</a></div>
                <div><a href="http:///" target="_blank">HSIE</a></div>
                <div><a href="http:///" target="_blank">Mathematics</a></div>
                <div><a href="http:///" target="_blank">PDHPE</a></div>
                <div><a href="http:///" target="_blank">Science &amp; Technology</a></div>
                <div><a href="http:///">Special Programs</a></div>
                      <div class="submenu">
                    <div><a href="http:///" target="_blank">English as a Second Language ESL</a></div>
                    <div><a href="http:///" target="_blank">Environmental Educations</a></div>
                    <div><a href="http:///" target="_blank">Information Technology</a></div>
                    <div><a href="http:///" target="_blank">Learning Support</a></div>
                    </div>
                   <div><a href="http:///" target="_blank">Homework</a></div>
                </div>
            <div><a href="http:///">Classrooms</a></div>
                  <div class="submenu">
                <div><a href="http:///">Early Stage 1</a></div>
                      <div class="submenu">
                          <div><a href="http:///" target="_blank">KC</a></div>
                          <div><a href="http:///" target="_blank">KG</a></div>
                          <div><a href="http:///" target="_blank">KW</a></div>
                    </div>
                <div><a href="http:///">Stage 1</a></div>
                      <div class="submenu">
                          <div><a href="http:///" target="_blank">1B</a></div>
                          <div><a href="http:///" target="_blank">1FW</a></div>
                          <div><a href="http:///" target="_blank">1R</a></div>
                          <div><a href="http:///" target="_blank">1/2W</a></div>
                          <div><a href="http:///" target="_blank">2M</a></div>
                          <div><a href="http:///" target="_blank">2K</a></div>
                    </div>
                     <div><a href="http:///">Stage 2</a></div>
                         <div class="submenu">
                          <div><a href="http:///" target="_blank">3C</a></div>
                          <div><a href="http:///" target="_blank">3G</a></div>
                          <div><a href="http:///" target="_blank">4B</a></div>
                          <div><a href="http:///" target="_blank">4H</a></div>
                         </div>
                    <div><a href="http:///">Stage 3</a></div>
                         <div class="submenu">
                        <div><a href="http:///" target="_blank">5J</a></div>
                        <div><a href="http:///" target="_blank">6A</a></div>
                  </div>
                </div>
                     <div><a href="http:///" target="_blank">Library</a></div>
                       <div><a href="http:///" target="_blank">Performing Arts</a></div>
                       <div><a href="http:///" target="_blank">Out of School Hours Activites</a></div>
                       <div><a href="http:///" target="_blank">Assessment &amp; Reporting</a></div>
            </div>
        <div><a href="http:///">&lt;b&gt;Newsletters&lt;/b&gt;</a></div>
        <div><a href="http:///">&lt;b&gt;Online Calendar&lt;/b&gt;</a></div>
        <div><a href="http://www.google.com/search?sitesearch=castlecove-p.schools.nsw.edu.au%26q=" target="_blank">&lt;b&gt;Search&lt;/b&gt;</a></div>
      </div>
</noscript>
*************************************************

Hi Sinoj,
The HTML menu is part of the FLASH Menu, by adding and closing the script with the <noscript> tag, the navigational menu doesn't exist than.
You can view it at the same location http://www.worldsplayground.com/TESTPAGE/index.htm.

I can't seem to work it out either.

Hi Worldsplayground,
Try this
<div id='menu' style='position:absolute; display:none'>

Hi Sinoj,
That worked.  You deserve a whole lot more than 500 points.  I am with total awe and appreciation for the effort and perserverance you guys place in helping almost complete strangers.  That so worked.  One little word can make such a big difference.

Since we have placed that display:none command, the end part of the FLASH navigation disappears unless you place the mouse over it.  Is there a way of fixing that.

Thanks Sinoj.

>>Since we have placed that display:none command, the end part of the FLASH navigation disappears unless you place the mouse over it.  Is there a way of fixing that.

You have to set the width of the the menu flash object to "900px"