步骤:
- 加载页面,在元素上移动鼠标 - > qtip2在元素上正确显示提示
- 向下滚动页面,在元素上移动鼠标 - > qtip2显示元素下方的提示(提示的y坐标更改与页面向下滚动)
这仅仅是再现在Chrome上,在IE或FF上正常工作 - 页面滚动不会影响笔尖的位置
任何想法如何在Chrome中向下滚动页面时如何改变位置？
使用qTip2 v2.2.0,脚本初始化代码是:
<div id="aa1" style="height: 25px; width: 100px">some text</div>
<script>
$( document ).ready(function() {
$("#aa1").qtip(
{
content: "text",
style: {
classes: 'qtip-bootstrap qtip-shadow',
tip: {corner: 'top left'}
},
position: {
my: "top left",
at: "bottom right"
}
});
});
</script>
我遇到了同样的问题，对我来说，删除该财产overflow或解决该问题的position财产<body>。当主体上有overflow: scroll;oroverflow: auto;和position: relativeor的组合时，该错误就会出现。position: absolute;
下面是一个在 Chrome 中通过仅删除以下规则之一进行修复的示例： http: //jsfiddle.net/bQ6Fv/1/