顶部固定 页面内容部分可以滚动
2017-12-28 16:21
274 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>顶部固定页 面内容部分可以滚动</title>
<style type="text/css">
body{margin: 0}
.header{position: absolute;width:100%;height: 100px;background: green;z-index: 999;opacity: 0.5;}
.empty{height: 100px;}
.scrollview{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #ddd; overflow-y: scroll;}
.content{height: 1000px;width: 900px;background: #999;margin: 0 auto;}
</style>
</head>
<body>
<div class="header">顶部</div>
<div class="scrollview">
<div class="empty"></div>
<div class="content"></div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS实现部分HTML固定页面顶部随屏滚动效果
- JS实现部分HTML固定页面顶部随屏滚动效果
- 往下拖动页面滚动条时，固定住菜单栏(不随其他内容网上滚动，兼容各版本IE、Chrome、Firefox)
- 滚动页面, 顶部导航栏固定效果
- 滚动页面时DIV到达顶部时固定在顶部
- 表头固定，内容可以滚动例子
- jquery页面滚动，菜单固定到顶部
- excel表格设置之冻结窗口（效果：让整个表格分成几部分，可以让下面的内容滚动显示）
- 往下拖动页面滚动条时，固定住菜单栏(不随其他内容网上滚动，兼容各版本IE、Chrome、Firefox)
- html页面中，表格数据可以固定表头，表数据部分做滚动条显示，如何实现
- js position倒计时固定在页面顶部不随滚动条滚动
- div当滚动到页面顶部的时候固定在顶部实例代码
- Axure怎么制作页面滚动时菜单固定在顶部的
- 滚动页面时DIV到达顶部时固定在顶部(jq实现)
- 页面滚动到指定位置导航栏固定顶部
- JQ：当页面滚动到一定位置之后，让元素固定在顶部，小于位置后恢复原来的位置
- 滚动页面时DIV到达顶部时固定在顶部(jq实现)
- div当滚动到页面顶部的时候固定在顶部实例代码
- 当滚动页面到一定程度时，页顶菜单浮动固定在页面顶部
- 页面头部和左侧固定并撑满，只有右侧部分内容改变的布局实现