隽永东方
隽永东方主菜单
Shopify Free Trial Apply
Shopify 60天试用
Shopify 14天试用

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

文章

    最近进行的一个项目涉及到了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底下一片空白的问题。

      400-168-1082
      隽永东方数字营销
      隽永网校
                 
    跳至工具栏