隽永东方设计工作室
Eastern Design Studio Menu

Scrollspy Animation 在IE9及360IE模式下的兼容性调试方案

   隽永东方内训教程   标签: 360浏览器IE9Scrollspy Animation   237   //   评论数   //   参与数
最近进行的一个项目涉及到了Scrollspy animation 在IE9和360IE兼容模式下的兼容性调试问题,我们研究后发现是IE9这个不上不下的浏览器怪胎在作祟,找到了以下两个TIPS可以顺利解决这个烦人的问题,一个是在网站header里边加入以下代码,强制360默认采用极速模式而不是IE兼容模式来访问网站:

以上方法可以使得360浏览器打开你网站默认会采用兼容性很棒的webkit引擎也就是chrome采用的引擎来浏览,效果绝对一级棒。

针对IE9底下对Scrollspy animation不支持的问题,老外给了一个折中的HACK方式,在网站head中加入以下代码即可:

简单解释以上代码的作用就是,在IE9浏览器下,特意添加一条针对凡是带了class=”uk-animation-“打头的元素一律给予disply=block和opacity:1也就是强制变为块状和透明度为100%,这样就可以避免采用了Scrollspy animation技术以后在IE9底下一片空白的问题。

       

头像

隽永东方创始人 & CEO

生于福建长汀,学于海滨大连,创业于国际都市上海,隽永东方设计工作室创始人兼CEO,喜欢音乐、运动、旅游,热心公益事业,在网站设计开发和运营数据中心等领域皆有多年从业经验,独特的国际视角,以客户为中心,视客户需求为核心价值观……

Call Me   Email Us   Weibo       Google+   LinkedIn

作者:

  售前在线询价单
  全网营销套餐
  隽永东方学院