关于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下的杂项模式下会发生,而标准模式下不会出现此问题!



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

AIX LV中偏移量问题(OFFSET)

最近做ORACLE数据库升级到10g,没有注意到AIX LV 偏移量的问题,导致升级到10g后,曝出警告,咨询ORACLE工程师,说该问题平日可能不会出现什么大问题,但是一旦出现问题,将是灾难性的,郁...

ExtJs2.2的grid的2个Bug:滚动条以及点击点击行后发生偏移问题

最近用了很多开源的东西,发现开源的东西也是Bug如云,这不,又遇到了ExtJs2.2中的Grid的Bug。   bug1:出现纵向滚动条后,将横向滚动条拖到最后,然后会发现每选择一条记录整个grid就...
  • xzknet
  • xzknet
  • 2012-07-03 14:00
  • 2532

iOS7之后,关于NavigationBar存在时,UIScrollView内容发生偏移的问题

⭐️最近才遇到的坑,我很纳闷之前为毛没发现: 在使用NavigationBar的ViewController中,navigationbar的下方,添加了一个UIScrollView,类似于网易新闻,...

jQuery中scrollTop获取匹配元素相对滚动条顶部的偏移(此方法对可见和隐藏元素均有效。)

webrx-title /*returnTop*/   p#back-to-top{       position:fixed;       display:none;       bo...

JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

在ajax中经常需要对元素的位置进行精确的定位,此时不仅需要获取元素自身的大小位置等属性。还需要知道页面、浏览器、滚动条等的长度和宽度。因为浏览器的兼容问题,如果使用javascript获取这些数值是...

JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 Js代码...

地图中的偏移问题的解决和源码(C#)

在Google 地图中国部分,平面地图和卫星图都存则偏移量,而这个偏移量不是线性的,我们在做GPS定位平台的时候,在播放历史轨迹的时候往往发现车辆行驶的路线偏离了地图上的实际道路,这点是很多客户不能接...

Proteus 仿真8086时 汇编程序里面有DATA SEGMENT时 CS 在load时会偏移的问题

Proteus 仿真8086时 汇编程序里面有DATA SEGMENT时 CS 在load时会偏移的问题 对于 类似于把 DATA SEGMENT写CODE外面时 DATA SEGMENT OU...

OpenCV2 图像旋转偏移问题

C# WinForm 解决TextureBrush,FillRectangle绘图偏移问题

FillRectangle方法 最近在开发WinForm软件中遇到使用FillRectangle方法窗体绘制园角图象的时候总是发生偏移错位问题,使我头疼了半天,其现象如下: WinForm 解...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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