CODEWITHSUNDEEP
javascriptjquerycssdomscroll
faressoft
faressoft

Reputation: 19651

How can I disable the scroll bars of a page?

how to disable the scroll bars of the page.

and disable this button.

alt text

Upvotes: 9

Views: 54930

Answers (7)

faressoft
faressoft

Reputation: 19651

$(window).scroll(function() {
    scroll(0,0);
});

If you want to use it you need to have jQuery imported.

Upvotes: 6

Warren
Warren

Reputation: 21

This will remove your scroll bar. [I did it by accident]

@media screen{        
body>div#header{        
position:fixed;        
}        
body>div#footer{        
position:fixed;        
} `

Upvotes: 1

Tristen
Tristen

Reputation: 11

I am making a mobile website, but I don't want it to be a whole bunch of webpages, so I am making it one page with scrolling disabled. I did this with

   <style>
   html, body {
   overflow: hidden;
   }
   </style>

Upvotes: 1

Blue_Hat
Blue_Hat

Reputation: 327

This works: * {overflow: hidden} One problem I have when figuring it out was that I have a CSS drop-down (well slide across) menu on the page and that doesn't show when I use this method. I am still trying to figure out how to get the drop-down to work with this enabled.

Upvotes: 0

palswim
palswim

Reputation: 12140

The scrollbars are a CSS issue. You can add this to your page (or the inner part to a CSS file):

<style type="text/css">
html, body {
  overflow: hidden;
}
</style>

Upvotes: 31

Adam
Adam

Reputation: 44929

document.body.scroll = "no";
document.body.style.overflow = 'hidden';
document.height = window.innerHeight;

should disable the scrollbars in most browsers.

See: http://www.eggheadcafe.com/community/aspnet/3/10088543/how-to-disable-document-body-from-scrolling.aspx

Upvotes: 1

Piskvor left the building
Piskvor left the building

Reputation: 92752

You can't disable that button (or any other method of scrolling the page); see this. However, you could scrollTo(0,0) anytime you detect scrolling. This might look ugly (page scrolls a bit, then jumps back up).

For disabling the scrollbars, you can try setting html, body { overflow: hidden }; I think some browsers may not honor this.

(Wouldn't it be better to just create a page that fits into the viewport, so that the scrollbars aren't shown?)

Upvotes: 7

Related Questions