如何让窗口“正确”？

Question

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

$('[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()不起作用，特别是当你水平滚动一点时。

Answer 1

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

$(window).width() + $(document).scrollLeft()

Answer 2

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