zoukankan      html  css  js  c++  java
  • IE9的BUG?jQuery的BUG?

    本文转载自http://big-student.iteye.com/blog/1898213

    在IE9和IE10中,当对一个html的样式初始了一个很大的left或者top时,使用jQuery的offset()或者jQuery UI的position重新定位会出现left或者top计算错误,造成元素离正确的位置很远。看例子:

    Html代码  收藏代码
    1. <body style="overflow: hidden">  
    2.     <div id="window" style=" display: block; position: absolute; left:214749px; top:127px;padding: 0; overflow: hidden; height: 400px;  800px; z-index: 10000;border:1px solid red">  
    3. </div>  
    4.   
    5. <script>  
    6.     $(function(){  
    7.         $("body").height($(window).height()).width($(window).width());  
    8.         $("#window").offset({left:282, top:127});  
    9.     })  
    10. </script>  

     发现window的left为-429214.73px,而如果使用css方法不会有问题,即       $("#window_1").css({left:"282px", top:"127px"}); 如果将其中的left:214749px改为214748px则可定位成功。

    问题原因:

    调试了jQuery源代码发现是window.getComputedStyle(elem, null)在IE9和IE10中对left和top设置了大于214748的值时,getComputedStyle会返回错误的计算结果,造成jquery的offset方法错误,如果你使用了jQuery ui的position方法,因为offset方法的问题今儿引起position定位错误问题。

    结论:

    该bug是ie9和ie10对定位过大的设置getComputedStyle返回错误的大小引起的。

  • 相关阅读:
    控制TABLE的一些属性
    windows7中各个dll文件作用和用途
    left join on and与left join on where的区别
    号外,left join比连表语句快80倍
    JS跳转语句
    [jQuery,Dojo,MooTools]
    CYQ.Data 数据框架 V3.5 开源版本发布(源码提供下载)
    Scala开发小小总结
    性能测试工具原理与架构
    joomla1.5模块开发和插件开发详解带实例
  • 原文地址:https://www.cnblogs.com/bluers/p/3189205.html
Copyright © 2011-2022 走看看