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

    <meta name="renderer" content="webkit">

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

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

    <!--[if IE 9]>
      <style type="text/css">
        *[class*="uk-animation-"] {display:block!important;opacity:1!important} /* uikit scrollspy ie9 fix */
      </style>
    <![endif]-->

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