gpt4 book ai didi

Qtip2:当页面在 chrome 中向下滚动时,提示会改变位置

转载 作者:行者123 更新时间:2023-12-04 15:11:11 27 4
gpt4 key购买 nike

脚步:
- 加载页面,在元素上移动鼠标 -> 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属性(property)或position属性(property)来自 <body>解决了这个问题。当有 overflow: scroll; 的组合时,我就会出现这个错误。或 overflow: auto;position: relativeposition: absolute;在 body 上。

以下是通过仅删除以下规则之一在 Chrome 中修复的示例:http://jsfiddle.net/bQ6Fv/1/

关于Qtip2:当页面在 chrome 中向下滚动时,提示会改变位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23672674/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com