No movement in footer with scrolling.

[sainiankit]

I want to design a page with no vertical scroling.

I have the following requirements -
1.) I don't want any scroll bar on the screen when the web page is opened.
2.) A footer that sticks to the bottom and is always visible(without scrolling) no matter what the size of the screen is.

Please Help !

[silentimp]

Why do you want such nasty things?
Well … here you are:
http://jsfiddle.net/wPWUF/

But what about content which won't fit screen?

[d.szlachta]

Hello,

You can control scrolling by using one of those CSS properties: overflow-x, overflow-y, overflow.
To disable vertical scrolling, apply overflow-y property to body element:

Code: Select all

body {
  overflow-y: hidden;
}


To stick footer to the bottom of the site, you have to set its position CSS property to fixed, and then bottom property to 0px:

Code: Select all

footer {
   position: fixed;
   bottom: 0px;
}


I made a working demo, check it out here: http://dabblet.com/gist/3666448