ScrollPic在ie8下不循环滚动的完美解决方案

最新推荐文章于 2020-01-06 10:52:41 发布

转载最新推荐文章于 2020-01-06 10:52:41 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/zyxchuxin/blog/375180

文章标签：

#python

本文解决了一个在IE8中出现的问题，即带左右箭头滚动的焦点图无法重复循环显示。通过调整JS代码中关于元素浮动的属性，使焦点图在不同浏览器下都能正常循环滚动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

带左右箭头滚动的焦点图在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