关于IE下jquery.offset发生偏移问题+jquery.qtip偏移问题

原创 2015年07月10日 10:56:38

工作需要,所以用到了qtip,需求如下:

使用raphael.js绘制元素,在元素上当mouseover事件时,显示qtip。因为qtip不能绑定到svg或vml上的元素,所以只能在元素mouseover时 动态offset一个透明DIV 然后在DIV下进行绑定qtip。在FF和Chrome下一切顺利,当测试IE 8时出现问题了:

1.offset DIV时发现DIV有偏移(如果网页进行了横向滚动或竖向滚动),解决方法是在IE操作offset时加入滚轴的位移

function getScrollTop() {  
        var scrollPos;  
        if (window.pageYOffset) {  
        scrollPos = window.pageYOffset; }  
        else if (document.compatMode && document.compatMode != 'BackCompat')  
        { scrollPos = document.documentElement.scrollTop; }  
        else if (document.body) { scrollPos = document.body.scrollTop; }   
        return scrollPos;   
 }
    function getScrollLeft(){
        var scrollPos;  
        if (window.pageXOffset) {  
        scrollPos = window.pageXOffset; }  
        else if (document.compatMode && document.compatMode != 'BackCompat')  
        { scrollPos = document.documentElement.scrollLeft; }  
        else if (document.body) { scrollPos = document.body.scrollLeft; }   
        return scrollPos;
}

2.解决完问题1,DIV不再偏移,但是qtip却发生了偏移,即虽然DIV在鼠标位置,但qtip却出现在其他位置。不合逻辑呀,qtip不是跟随DIV位置绑定的吗。。。

并且qtip绑定之前DIV的offset已经设置好了,所以理论不会偏移。查了QTIP的API ,发现qtip有个属性可以设置:

position : {
      container: $("#nameExtend")
  },

虽然在此之前已经调用过$("#nameExtend").qtip{.....}了,但是在此需要重新将qtip放入$("#nameExtend")里,感觉像是重渲染似的。。。原理不是太了解。不过问题可以解决!

补充一下:所谓的偏移 是在IE 7,8下的杂项模式下会发生,而标准模式下不会出现此问题!



jQuery的offset在IE下的问题

试图使用jQuery的offset()对元素位置进行设置,发现在IE下表现不正常,后来发现这不能算是jQuery的bug,而是因为IE下inline-block的元素与inline元素的默认长宽不同 ...
  • ilbubby
  • ilbubby
  • 2011年08月06日 16:41
  • 2661

IOS 11 下title 偏移问题,有人遇到过吗?

在IOS 11 上 title  偏移到navigation的右下角去了,,,,,有人遇到过吗?  求解决办法...
  • qq_28643245
  • qq_28643245
  • 2017年09月26日 14:52
  • 546

中国地图偏移问题

国家安全与地图保密插件 民间纠编地图可能引起很严重的国家安全刑事问题 1、偏移的起因:天朝测绘局以国家安全为理由,用法律的形式对所有在天朝发行的地图类产品加了强制性规范,要求所有地图类产品...
  • caz28
  • caz28
  • 2012年11月03日 15:05
  • 18946

浏览器的各自位置和偏移

offsetLeft相对最近的定位父元素的内容边框左上角的左偏移,如果没有定位的父元素,则为body。 offsetTop相对最近的定位父元素的内容边框左上角的左偏移,如果没有定位的父元素,则为bod...
  • THEANARKH
  • THEANARKH
  • 2016年05月31日 20:45
  • 430

浅谈指针的偏移

记得当初学习指针的时候,总是把指针和地址混为一谈,总以为说到指针就是指某个地址而已,后来加强对各类指针的认识以后,才认识到指针不止是简单的地址。 指针是一种类型,通过类型可以声明一个变量并保存一个内存...
  • u010125463
  • u010125463
  • 2015年06月17日 19:02
  • 468

半像素引起的那些坑

DX9下面的半像素偏移估计坑了不少人,经常不小心半像素偏移搞错就会引起很奇怪的原因,最后查了半天才发现是这么小一个问题,实在令人有些恼火,所以在DX10之后这个东西被当做垃圾直接给扔了,在DX9下面还...
  • Knight_snow
  • Knight_snow
  • 2013年12月29日 00:05
  • 1445

水平居中和垂直居中的方法

一、元素水平居中的方法: 第一、内联元素:父级元素设置:text-align:center; 第二、块级元素:设置left和right,使用margin:0 auto; 二、垂直居中的方法,总结如...
  • shengshiai2016
  • shengshiai2016
  • 2016年11月18日 11:03
  • 375

中国区GPS偏移纠正(适用于Google地图)

在做iOS开发时,用到一个获取当前位置周边商家的功能。当时每次我在获取从iPhone里GPS返回过来的数据到Google Place API上获取时总是发现,获取的商家并不是最近的,而是几百米以外的。...
  • perfect_promise
  • perfect_promise
  • 2012年06月25日 09:01
  • 8273

【云解压】ZIP 文件格式分析-偏移计算和文件大小表示ZIP32 ZIP64

没详细看协议4个字节的CDIRStartIndex超出INT 范围怎么弄, 这里提供一个计算方法; CDIR偏移位计算算法: 一、 小于2G 不会溢出            CDIRStartInd...
  • qq_34655684
  • qq_34655684
  • 2017年02月21日 17:44
  • 165

ArcGIS读取天地图出现错位的情况

天地图2.0(http://www.chinaonmap.com)于2013年3月份上线,基本情况如下: 1)     基于OGC的WMTS 1.0.0版本; 2)     提供矢量地图、影像地图...
  • u010499087
  • u010499087
  • 2017年01月23日 09:40
  • 2687
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于IE下jquery.offset发生偏移问题+jquery.qtip偏移问题
举报原因:
原因补充:

(最多只允许输入30个字)