- 4
- 0
- 约1.58千字
- 约 3页
- 2017-08-05 发布于河南
- 举报
如何创建css3滚动页面(上下 左右 过渡滚动)
结构代码如下:
body
div id=div_main
div class=nav id=nav_1
1
/div
div class=nav id=nav_2
2
/div
div id=scroll
div id=box1
box1
/div
div id=box2
box2
/div
div id=box3
box3
/div
/div
/div
包括了一个 简单的导航,一个滚动页面的主体
按照此结构,保证nav的结构级别和scroll的结构级别相同(为了使用css的波浪号“~”
样式如下:
body{
}
div#div_main{/*定义整个页面的容器要充满整个的浏览器*/
width: 100%;
height: 100%;
}
div.nav{
position: fixed; /*也是生成绝对定位,相对于浏览器定位*/
background: white;
z-index: 1000; /*显示在最前面*/
top:0px;
}
div#nav_1{
height:20px;
width:100px;
left: 0px;
border: 1px solid grey;
您可能关注的文档
- VFP命令系列教程---ALTER TABLE – SQL 命令.docx
- vfp上机答案切勿删除.doc
- vfp第一套(张悦)2011年修改.doc
- VFP上机练习一.doc
- VFP学习笔记2.docx
- 0303_sql2005数据库管理.doc
- VF机试基本掌握.doc
- vf考试国家试题库题目 (85).doc
- Visual Basic 选择题.doc
- VMOS管检测各极.doc
- 沪教版五四制六年级上册数学 2分数 分数的大小比较课件2.pptx
- 沪教版五四制六年级上册数学 2分数 分数运算的应用课件1.pptx
- 沪教版五四制六年级上册数学 3比和比例 等可能事件课件1.pptx
- 沪教版五四制六年级上册数学 2分数 分数的加减法课件2.pptx
- 沪教版五四制六年级上册数学 比的基本性质 (3).pptx
- 沪教版五四制六年级上册数学 2分数 分数的乘法课件1.pptx
- 沪教版五四制六年级上册数学 2分数 分数的除法课件1(1).pptx
- 沪教版五四制六年级上册数学 百分数的应用一.pptx
- 护理伦理困境与解决方案.pptx
- 沪教版五四制六年级上册数学 百分比的应用.pptx
最近下载
- 新04N401直埋供热管道第一册管道安装图集.docx
- 新04N401-1管道安装(正式版).pdf
- 检测报告修改证明.pdf VIP
- 塑料 海洋环境中使用的可生物降解塑料材料和制品可溶性分解中间体的生态毒性试验方案 试验方法和要求.pdf VIP
- 设计轴流式涡轮.pdf VIP
- 2026年广东高考物理试卷深度解读及备考策略指导.pdf VIP
- 电化学与药剂联合处理循环水控制节水技术应用研究.pdf VIP
- GB∕T 36567-2018 光伏组件检修规程(高清版).pdf
- 基于Concepts NREC平台的涡喷发动机设计流程.pptx
- PCS-9621_120189站用接地变保护装置说明书.doc VIP
原创力文档

文档评论(0)