位置: 编程技术 - 正文

详解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的返回值实例

  • 一般纳税人销售货物税率
  • 不确认销售收入结转销售成本
  • 业务员报销差旅费会计分录怎么做
  • 科目余额表凭证号顺序
  • 金税盘怎样查询已开发票明细
  • 公司租车要交什么费用
  • 增值税税率2019
  • 通行费电子发票可以抵扣吗
  • 生产加工型企业经营范围
  • 现金支付用什么科目
  • 机票电子行程单和发票的区别
  • 公司从个人手中租房不能取得发票
  • 特许权使用费所得包括
  • 股东转让股权印花税怎么交税
  • 小企业发生销售折让的原因
  • 个人捐赠如何抵扣个税30%
  • 企业会主动对税吗
  • 国外劳务费用是怎样产生的
  • 其他业务收入是什么意思
  • 一月份开的票可以算到12月吗
  • 小规模季报营业税怎么算
  • 企业重组 资产重组
  • 股东个人所得税怎么申报
  • 增值税普通发票几个点
  • 搬运费没有发票能入成本吗?
  • 分公司会有股东吗
  • 公司代缴个人社保费怎么做账
  • 工厂电线
  • 什么是工商企业为了筹集资金而发行的债券
  • win10家庭最新版本
  • 设备维修费增值税
  • 银行承兑汇票背书会计分录
  • 会计的运费怎么写分录
  • 法人向公司借款要交什么税
  • 营业利润,利润总额的计算公式是
  • 借款利息税前扣除需要发票
  • 企业管理费用的构成
  • 建筑服务需要开外经证吗
  • 公司注销前的资料怎么办
  • 收入支出如何算利润
  • 计提折旧事考虑了残值净值怎么算
  • 企业汇算清缴中,A107070表中的数据是自动跳出来嘛
  • 小企业固定资产折旧方法包括
  • vue 滚动条
  • php数组的类型有哪些
  • timit数据集
  • Yii2中使用asset压缩js,css文件的方法
  • 固定资产折旧应计入什么费用
  • 应收账款出售给银行账务处理
  • 企业所得税季初和季末怎么算
  • 个人去税务局开劳务发票要交多少税
  • 小型微利企业计算企业所得税
  • 企业分期收款销售商品,即商品已经交付
  • 公司与公司之间合作协议
  • 慰问金计入什么部门经济分类
  • 跨年收入冲销如何申报
  • 坏账准备的余额百分比法
  • 开发票货款未公对公转如何做账?
  • 固定资产清理账户的借方登记的项目有
  • 民办学校学费收入
  • 审计年审内容
  • 财务费用中的利息费用指什么
  • 出纳记帐凭证
  • centos7阿里云yum源
  • Windows Server 2008脱机文件配置攻略
  • 如何使用升级助力器
  • Win10系统中怎么用vba控制鼠标
  • yum源有什么用
  • Win10如何设置电脑密码
  • 在linux中使用什么命令可以执行shell脚本
  • linux服务器dns怎么设置
  • linux给文件赋全部权限
  • Cocos2dx CCSprite CCSpriteFrame CCTexture2D CCAnimation学习总结
  • javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
  • android系统架构由几部分组成
  • NodeJS配置HTTPS服务实例分享
  • scrollview嵌套flatlist
  • 税务稽查协查管理办法 国家税务总局
  • 各地税务机关
  • 美国税务人员
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设