How to set up the browser scrollbar to scroll part of a page? (higher than footer part hidden) just like http://i-donline.com/

Question

http://jsfiddle.net/hVvfn/2/

.header{
position: fixed;
left: 0;
top: 0;
width: 1000px;
height: 100px;
background:  blue;
z-index: 1;
}
.contentwrap{
position: absolute;
left: 0;
top: 100px;
width: 1000px;
height: 250px;
background:  ;
}
.footer{
position: fixed;
left: 0;
top: 350px;
width: 1000px;
height: 300px;
background:  blue;
}
.row{
position: relative;
left: 0;
top: 0;
width: 800px;
height: 250px;
border: purple 1px solid;
background: gray;
}

i found [how-to-set-up-the-browser-scrollbar-to-scroll-part-of-a-page](http://stackoverflow.com/questions/83225/how-to-set-up-the-browser-scrollbar-to-scroll-part-of-a-page?rq=1) and [scroll-particular-div-contents-with-browsers-main-scrollbar](http://stackoverflow.com/questions/6887112/scroll-particular-div-contents-with-browsers-main-scrollbar) both not set with footer.. — , Sep 10 '12 at 09:54
this [jsfiddle](http://jsfiddle.net/AlienWebguy/c3eAa/) hidden the wrap overflow, will be close what i want but the browser scrollbar distance is too long... — , Sep 10 '12 at 10:00

score 0 · Answer 1 · answered Sep 10 '12 at 06:03

0

There is a library called as iScroll. Used just for these kind of things. You can check it out I think it will help. In fact I have used it many times. Works like charm. Here is the link:

iScroll here

answered Sep 10 '12 at 06:03

Sandeep Rao

341
3
9
22

Thanks, but i want to know is website still use the browser scrollbar – Sep 10 '12 at 06:19
you can configure it in that way. – Sandeep Rao Sep 10 '12 at 06:41
i check the iscroll horizontal demo ,but if pull the window size the content scroll bar will show and flash? – Sep 11 '12 at 10:59

How to set up the browser scrollbar to scroll part of a page? (higher than footer part hidden) just like http://i-donline.com/

1 Answers1