如何设置浏览器滚动条以滚动页面的一部分? (高于页脚部分隐藏)就像http://i-donline.com/

时间:2012-09-10 05:57:57

标签: html css

如何设置浏览器滚动条以滚动页面的一部分? (隐藏高于页脚部分)就像http://i-donline.com/

一样

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;
}​

1 个答案:

答案 0 :(得分:0)

有一个名为iScroll的库。仅用于这类事物。你可以看一下我认为它会有所帮助。事实上我已经多次使用它了。像魅力一样工作。这是链接:

iScroll here