位置: 编程技术 - 正文

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

  • 减资 股东
  • 公司成立之初做哪些
  • 土地增值税清算方法与技巧
  • 公司合作分红
  • 进项税额转出税率
  • 提交印花税会计分录
  • 增值税申报失败怎么撤销
  • 银行借款的补偿金是什么
  • 金蝶打印凭证页码范围
  • 外贸企业出口退税账务处理
  • 非居民工资薪金个人所得税计算方法
  • 现金折扣为什么计入主营业务收入
  • 赠送电影票的说辞
  • 补交以前年度房产税如何记账
  • 单位聘请临时工工资怎么报税
  • 为什么利润表的财务费用与利息费用逻辑不对
  • 全年一次性奖金计税方式
  • 公司员工出差补贴与差旅费报销制度
  • 收回债权会计分录
  • 出口退税网上申报视频
  • 营改增一般纳税人申请过渡性财政扶持资金
  • 存货的核算心得体会
  • 申报工伤的流程及时间
  • 双软企业两免三减半企业所得税优惠政策
  • 鸿蒙系统桌面文件夹建立
  • 其他权益工具投资交易费用计入哪里
  • 企业帐薄包括哪些
  • linux中的应用程序主要保存在哪些目录中
  • 在php中,字符串有哪些表示形式
  • PHP:Memcached::increment()的用法_Memcached类
  • PHP:stream_context_get_params()的用法_Stream函数
  • 外汇关闭时间
  • 工业企业销售收入和产值,税金比例
  • LangChain与大型语言模型(LLMs)应用基础教程:信息抽取
  • php是面向对象编程吗
  • github账号在哪里看
  • python迭代器iterator
  • 工伤保险赔付计算
  • 个人提供劳务需要开发票吗
  • phpcms建站教程
  • dedecms插件
  • 百旺金赋服务费不交会怎么样?
  • 制造企业预提短期借款利息的会计科目处理
  • 增值税抵扣了,主要成本怎么算
  • 哪些税计入税金及附加
  • 商场联营方案
  • 收到境外支付的咨询费免税吗
  • 物流公司的修理工资高吗
  • 置换房产流程
  • 代扣代缴个人所得税分录
  • 收入可以直接转成本吗?
  • 母子公司合并报表实操
  • 发票红冲怎么回事
  • 收入的利息如何计算
  • 公开发行企业债券,发行人累计债券余额
  • 结账时如何划线进去
  • mysql in的子查询
  • mysql数据库性能监控
  • windows开发了多久
  • win7如何设置自动锁屏时间
  • 搜索不到WiFi信号是怎么回事
  • 微软的定时炸弹就是Windows XP
  • csinsm32.exe是安全的进程吗 csinsm32进程有哪些用处
  • linux创建目录函数
  • linux系统如何禁用光驱
  • 在linux系统中,用来存放系统所需要的配置文件
  • cocos-creator
  • [置顶]bilinovel
  • python网络编程视频教程
  • linux磁盘空间满了怎么办,硬盘空间还有很多
  • node.js搭建服务器
  • ubuntu on android
  • bootstrap 树形菜单
  • js div拖动
  • javascript编程技术
  • 拟录用人员公示后还会递补吗
  • 差额征税可以全部抵成本么?
  • 企业购票员有风险吗
  • 日常生活中有哪些税
  • 税务工作者发展现状
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设