www.3112.net > html头部固定代码

html头部固定代码

.header{ position:fixed; left:0; top:0; width:100%; height:100px; z-index:9999; background-color:#000;}

绝对定位即可

这种固定导航的效果,很多电商例如淘宝,都会有.我说说他们的实现方法.一,js算scroll的高度,就是滚动条滚了多高.二,算悬浮的导航距离顶部的高度.三,window的时候,对比这两个高度,如果一大于二,那么导航加个fixed.(IE7以上都有效)然后用js处理下IE6就行.建议去搜下相关js代码,我一般都用jQuery写.你想要的table的头部也是一个道理,但是thead没办法fixed吧?所以弄2个table吧,1个table放头部内容,1个table放具体内容.另外,expression慎用,消耗浏览器资源不是一点两点.

底部和头部分别定义两个div,在利用position:fixed;分别设置它们的位置. position 属性规定元素的定位类型. 说明 这个属性定义建立元素布局所用的定位机制.任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型.相对定位元素会相对于它在正常流中的默认位置偏移. fixed 生成绝对定位的元素,相对于浏览器窗口进行定位. 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定.

ttps://wenwen.sogou.com/login/redirect?url=http%3A%2F%2Fwww.w3.org%2FTR%2Fxhtml1%2FDTD%2Fxhtml1-strict.dtd%22%3E" >http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 声明文件类型信息,即dtd.(document type这个单词:

用Dreamweaver创建HTML文件,自带就有基本框架,里面自然就包括了头部了.

楼上的何必那么麻烦呢,为什么非要头部随着滚动条走?那内容部分怎么弄?你直接在内容部分设定滚动条不就完了嘛.Box{ width:900px; margin:0 auto;}.Header{ height:60px; background-color:red;}.Content{ height:700px; overflow:auto; background-color:#00FFCC;} s a s a s a s a s a s a s a s a s a s a s a s a

html不具备这个功能,你必须使用jsp或者php才能实现再看看别人怎么说的.

Turbolinks 一个可以实现这个功能的插件.

1、新建一个header.html头部文件2、在你说的多个html页面引入即可 示例:index.html文件引入公用头部header.html 在index.html文件开始加入:file内填写的是你需要引入的文件的详细地址,可以是相对地址,也可以是绝对地址!

网站地图

All rights reserved Powered by www.3112.net

copyright ©right 2010-2021。
www.3112.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com