jQuery-相对于窗口外的元素的位置

Question

我有一个表和一个div，我想使用position（）将div相对于表单元格放置：

var td1= $('#td1');
$("#Div1").position( { of: td1, my: 'left top', at: 'left top', offset: '0 5'} );

如果td1在窗口内（无水平滚动），则div放置正确。但是，如果桌子比窗口宽，则div放置错误（推到左侧）-位置（）。top是正确的，但position（）。左侧是这样的：div将完全位于窗口内。我试着把桌子放在一个足够宽（比窗户宽）的div里，但我仍然看到同样的行为。

关于如何正确定位div相对于窗口之外的元素的任何建议？

Answer 1

jQueryUI似乎只允许使用collision属性在窗口内“装配”定位元素。只需使用，就可以在没有jqueryui的情况下实现相同的功能。css和。偏移量。下面是一个演示：http://jsfiddle.net/imsky/XtV4K/

jQuery UI版本，保持div在视图中（虽然不是在确切的位置）：

$(this).position({
            of: $("#td1"),
            my: "left top",
            at: "left top",
            offset: "0 5",
            collision: "fit"
        })

将div精确保存在所需位置的jQuery版本：

 $(this).css({
            left: $("#td2").offset().left + "px",
            top: $("#td2").offset().top + 5 + "px"
        });