如何根据目标元素动态更改绝对工具提示的位置
如何根据目标元素动态更改绝对工具提示的位置
提问于 2016-02-03 04:53:57
我正在尝试制作一个工具提示，它基本上显示了一个表(在下面的示例中，我使用了大量的文本)。但是，当您在接近屏幕角的目标元素上悬停时，我想更改工具提示的位置。
这是小提琴
$("strong").on("mouseover", function(){
var $this = $(this),
strongText = $this.text();
$tooltipContainer.show();
$tooltipContainer.append('<span>'+ strongText + '</span>');
}).on("mousemove", function(mousePos){...回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-03 06:36:14
如果存在重叠，您可以稍微更改mousemove代码以更新top位置，如下所示。检查演示- 小提琴
on("mousemove", function(mousePos){
var overlap = mousePos.pageY + posSrollY + $tooltipContainer.height() - $(window).height() - $(window).scrollTop();
$tooltipContainer.css({
left: mousePos.pageX,
top: mousePos.pageY + posSrollY - ( overlap > 0 && overlap )
});
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35168771
复制相关文章
相似问题
腾讯云开发者
