最近進(jìn)行的一個(gè)項(xiàng)目涉及到了Scrollspy animation 在IE9和360IE兼容模式下的兼容性調(diào)試問題,我們研究后發(fā)現(xiàn)是IE9這個(gè)不上不下的瀏覽器怪胎在作祟,找到了以下兩個(gè)TIPS可以順利解決這個(gè)煩人的問題,一個(gè)是在網(wǎng)站header里邊加入以下代碼,強(qiáng)制360默認(rèn)采用極速模式而不是IE兼容模式來訪問網(wǎng)站:
<meta name="renderer" content="webkit">
以上方法可以使得360瀏覽器打開你網(wǎng)站默認(rèn)會采用兼容性很棒的webkit引擎也就是chrome采用的引擎來瀏覽,效果絕對一級棒。
針對IE9底下對Scrollspy animation不支持的問題,老外給了一個(gè)折中的HACK方式,在網(wǎng)站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也就是強(qiáng)制變?yōu)閴K狀和透明度為100%,這樣就可以避免采用了Scrollspy animation技術(shù)以后在IE9底下一片空白的問題。