博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ScrollPic在ie8下不循环滚动的完美解决方案
阅读量:5967 次
发布时间:2019-06-19

本文共 771 字,大约阅读时间需要 2 分钟。

hot3.png

带左右箭头滚动的焦点图在IE8里面不会只循环了两次,怎样让它重复循环,在IE6、7可以重复循环?

ScrollPic在ie8下不循环滚动,只滚动一边然后变为空白,ie6、ie7、chrome、firefox都正常
网上有很多说在<head>里加一句:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
就可以解决,实际测试根本没有效果,原来是在ScrollPic.js里有个cssFloat这个样式除ie外都支持就tmd ie不支持,解决方法改为styleFloat。这时会发现ie下正常了,但是其他浏览器却只滚动一次,解决思路,先用js判断浏览器类型,然后使用不同的样式:cssFloat或styleFloat。
浮动在IE与标准的浏览器的js写法是不合的 IE是 styleFloat,标准的为cssFloat’
是以具体办法是:
将ScrollPic.js中的
this.listDiv01.style.cssFloat="left";this.listDiv02.style.cssFloat="left"
改为:
if(!+[1,]){this.listDiv01.style.styleFloat="left";this.listDiv02.style.styleFloat="left";}else{this.listDiv01.style.cssFloat="left";this.listDiv02.style.cssFloat="left";} 

转载于:https://my.oschina.net/zyxchuxin/blog/375180

你可能感兴趣的文章
java反射机制中的getDeclaredField()
查看>>
java数据流无法输出验证码
查看>>
JAVA中的IO流
查看>>
PHP 正则表达式
查看>>
微信支付 body不是UTF-8编码以及中文签名错误的问题
查看>>
Java NIO问题总结
查看>>
Tomcat的结构概述
查看>>
轻松八句话 教会你完全搞定MySQL数据库(基础)
查看>>
UIImagePickerController选择图片发送后旋转90度的问题
查看>>
常用excel函数 vlookup,concatenate,& 的使用
查看>>
Faker 快速构造测试数据
查看>>
MySql多表
查看>>
数据创建表 修改列 新增列
查看>>
大型网站系统架构演化之路
查看>>
h5学习之拖拽
查看>>
linux 下 libpcap 简单使用
查看>>
cache
查看>>
GCD(Grand Central Dispatch)和Block 使用-浅析
查看>>
Kafka监控:Kafka-Manager
查看>>
使用pinyin4j将中文转换为拼音
查看>>