位置: 编程技术 - 正文

详解IE6中的position:fixed问题与随滚动条滚动的效果(ie6浏览器兼容模式怎么设置在哪里)

编辑:rootadmin

推荐整理分享详解IE6中的position:fixed问题与随滚动条滚动的效果(ie6浏览器兼容模式怎么设置在哪里),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ie6浏览器设置,ie6bug的解决方法,ie604,ie619,ie629,ie613,ie6bug的解决方法,ie6bug的解决方法,内容如对您有帮助,希望把文章链接给更多的朋友!

详解IE6中的position:fixed问题与随滚动条滚动的效果

前言:

在《【jQuery】兼容IE6的滚动监听》(点击打开链接)提及到解决IE6fixed问题,具体是要引入一个js文件,还要声明一条脚本就为这个div声明fixed定位去解决,起始这样很不好啊。引入的Javascript不好管理之余,还要在head声明引入javascript,之后又要给这个div声明一个id,之后又要在脚本出弄一条声明,实在是烦死了。

使用position:fixed无非是想做出如下的效果。

基本上position:fixed是在IE7以上的所有浏览器都是没有问题的:

IE8:

野狐禅FireFox:

然而由于IE6中直接就没有position:fixed属性,要做出如下的效果:

详解IE6中的position:fixed问题与随滚动条滚动的效果(ie6浏览器兼容模式怎么设置在哪里)

只能利用position: absolute;加一段在css样式中执行的javascript脚本去解决。

上述代码,对于IE6的样式,前面都加上了_,_的部分是IE6特定的重写样式声明,具体见《【CSS】关于CSS样式中的!important、*、_符号》(点击打开链接)

而实际上,在IE6中,以下的CSS:

等价于其它浏览器的:

当然IE6中实现position:fixed的CSS可能在某些浏览器中不正常,因此在各个样式前面补上一条下划线_,表示仅在IE6中执行。

同时IE6应有的如上样式之后,不要像其它浏览器用right,top,left,bottom去定位,而是用margin-bottom,margin-left,margin-right去设置被position:fixed的div的位置,

这里调节div的位置的时候还需要注意,由于上述的兼容IE6的CSS利用到top的属性,所以设置margin-top是不管用,如果你要设置这个div在浮动的时候,离浏览器的顶部是多少的话,你应该这样写:

这里关于_top的代码之所以短了这么多,是因为无须用document.documentElement.clientHeight来获取浏览器显示窗口大小。

而-this.offsetHeight-(parseInt(this.currentStyle.marginTop,)||0)-(parseInt(this.currentStyle.marginBottom,)||0)一切是为了微调更加精确,如果你不想要也可以不加,仅仅是有一点视觉效果而已。

再者,上述的代码,大家可以看到,关于fixedbox这个东西,我并没有设置其right,left,是因为,我想让其在随滚动条滚动的时候,依旧能够保持父级div的float:left属性。

就是,右边的蓝色色块,与左边一大堆sss,依旧是%与%的分割。

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

前端获取http状态码的返回值实例 如下所示:axios.get("/check_mobile_and_sent_code",{withCredentials:true,params:{mobile:formInline.mobile}}).then(res={console.log(res);//if(res.result==true){if(!this.timer){this.count=this.TIME_

讨论CSS中的各类居中方式 今天主要谈一谈CSS中的各种居中的办法。首先是水平居中,最简单的办法当然就是margin:0auto;也就是将margin-left和margin-right属性设置为auto,从而达到水平

如何使用CSS3画出一个叮当猫 刚学习了这个案例,然后觉得比较好玩,就练习了一下。然后发现其实也不难,如果你经常使用PS或者Flash的话,应该就会知道画个叮当猫是很容易的事

标签: ie6浏览器兼容模式怎么设置在哪里

本文链接地址:https://www.jiuchutong.com/biancheng/368726.html 转载请保留说明!

上一篇:详解CSS样式中的!important、*、_符号(css样式的使用)

下一篇:前端获取http状态码400的返回值实例

  • 房地产零税率
  • 累计交税如何计算?
  • 注册公司不开账户可以吗
  • 代开发票含税价怎么核算为不含税发票
  • 什么发票可以抵扣增值税
  • 销售咨询费一般涉及哪些业务
  • 增值税发票选择确认平台勾选注意事项
  • 企业收取的租金会计分录
  • 外购原材料自用
  • 新领的发票怎么导入uk开票系统
  • 装修费用如何摊销成本
  • 物业公司预收的物业费一次性申报还是分期申报
  • 新公司接手之前公司的固定资产
  • 公司购入货架如何做账
  • 企业计提福利费时,贷记应付职工薪酬
  • 交通费汇算清缴怎么做账
  • 延递所得税资产减少
  • 法律关系的内容是指
  • 销项负数发票怎么冲减成本
  • 企业代开租金专票开什么项目好?
  • 非正常工资的个税是多少
  • 零报税企业怎么做汇算清缴
  • 收到注册资金要交税吗
  • 收到留抵税额退税怎么做分录
  • 农民工预储金怎么开户
  • 已抵扣的进项税额转出怎么做会计分录
  • 税控盘登不上怎么回事
  • 海关增值税专用缴款书抵扣期限
  • php教程零基础入门
  • 其他应收款核算内容
  • 前端获取post请求返回数据
  • php destruct
  • 乌鲁米耶湖春季湖水更深
  • vrvarp.exe是什么
  • php目录结构
  • 视同销售收入税法处理
  • form action target
  • css静态网页制作
  • php抓取网页图片
  • 待抵扣进项税额和进项税额的区别
  • 怎么把vue项目跑起来
  • 员工保险个人部分交多少
  • 入侵防御部署方式
  • 什么是男人无力的行为
  • MySQL分表和分区最佳攻略
  • python爬虫中数据接口的含义
  • 金融商品转让的销售额
  • 金税服务费必须交吗
  • 未达起征点销售额是含税还是不含税
  • 劳务派遣工资的发放单位
  • 订单不足停工
  • 小规模纳税人购买税控设备
  • 其他应付款在借方资产负债表怎么填
  • 每月扣除的公积金怎么查
  • 应收账款周转率越大越好还是越小越好
  • 滞纳金比例多少
  • 贷款的融资担保费
  • 付境外股东股利要交什么税
  • 固定资产机械设备有哪些
  • 作废的发票税额扣税了怎么办
  • sql2000删除
  • 安装sql2008时出现以下错误
  • win10开始按钮点不动
  • win10系统怎么删
  • win10隐藏设置
  • workflow software
  • 设置pc
  • win10系统onenote不能用
  • unity手机游戏开发教程
  • sku分析的作用
  • 计算机入域怎么操作
  • 教女朋友学粤语
  • javascript对象的创建方法
  • node.js适用哪些场景
  • node.js中http模块和url模块的简单介绍
  • js框架开发实例
  • jquery动态改变样式
  • 粮食企业所得税税率
  • 税控盘丢失怎么写情况说明
  • 广西税务登记查询网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设