关于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工程师,说该问题平日可能不会出现什么大问题,但是一旦出现问题,将是灾难性的,郁...

js中的宽度、高度、偏移量问题,offset、client、scroll

经常把这几个搞混淆,根据《JavaScript高级程序设计》第12章的内容简单总结下1、offset,这个是偏移量,包括元素在屏幕上占用的所有可见的空间。包括所有内边距、滚动条和边框大小(注意:不包括...
  • pxzsl
  • pxzsl
  • 2015年08月14日 12:15
  • 2101

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

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

关于iphone 上touch事件动态改变元素位置时与touch点发生偏移的问题

touchstart, touchmove, touchend 关于iphone 上touch事件动态改变元素位置时与touch点发生偏移的问题,iphone兼容,...

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

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

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

webrx-title /*returnTop*/   p#back-to-top{       position:fixed;       display:none;       bo...
  • lnx0307
  • lnx0307
  • 2014年10月04日 23:16
  • 1572

【jQuery学习笔记-----绝对偏移位置】

绝对偏移位置 所谓绝对偏移位置就是指定元素距离浏览器窗口左上角的偏移距离。(回忆js学习时的窗口坐标和文档坐标)。 jQuery实现 jQuery定义了offset()方法,该方法能够获取匹配元...

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

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

jquery源码解析(第3章元素之偏移算法)

我们默认都统一是采用 offsetWidth 或者 offsetHeight 取值了,但我们知道关于这2个尺寸的算法是这样的:offsetWidth = border-left-width + pa...

Photoshop偏移(Offset)命令制作无缝拼接图案

转载自:http://www.23ps.com/photoshop/cjjc/300003671.htm 如果你仔细观察飞鱼的声纳的黑色背景的话,你会发现其实它并不是纯色的背景。而是一张有着细微...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于IE下jquery.offset发生偏移问题+jquery.qtip偏移问题
举报原因:
原因补充:

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