0

我正在尝试在我的网页上放置一个浮动工具提示，并且我想要它，以便如果工具提示要挂在窗口的右边缘，它应该以另一种方式翻转它。这是我所拥有的：

$('[data-tooltip]').mousemove(function(e) {
    var left = e.pageX + 1;
    if(left + $kewtip.outerWidth() > ?????) {
        left = e.pageX - $kewtip.outerWidth() - 1;
    }
    var top = e.pageY - $kewtip.outerHeight() - 1;
    $kewtip.css({
        left: left,
        top: top
    });
});

问号不知道填什么。left + $kewtip.outerWidth()应该给我工具提示的右边缘，我想检查它是否大于窗口的右边缘。

$(window).width()不起作用，特别是当您水平滚动一点时。

4

2 回答 2

2

您是否尝试过添加滚动位置？

$(window).width() + $(document).scrollLeft()
于 2012-06-19T20:16:43.837 回答
1

不确定您是否可以使用 jQuery UI，但有一个 Position 实用程序可以用来执行此操作。该实用程序有一个名为的属性collision，在您的情况下，可以设置flip为实现所需的行为。

于 2012-06-19T20:17:44.650 回答