图像预览溢出浏览器高度

Question

使用图像预览插件，当缩略图几乎到达屏幕底部时，我需要预览自动上升。我试过这段代码，但效果不好。

if((e.pageX <= $(document).width()/2) && (e.pageY <= $(document).height()*0.75)) {
    $("#preview")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
} else if((e.pageX > $(document).width()/2) && (e.pageY <= $(document).height()*0.75)) {
    $("#preview")
        .css("top",(e.pageY - xOffset) + "px")
        .css("right",($(document).width() - e.pageX + yOffset) + "px");         
} else if((e.pageX <= $(document).width()/2) && (e.pageY > $(document).height()*0.75)) {
        .css("bottom",($(window).height() - e.pageY + xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
} else {
    $("#preview")
        .css("bottom",($(window).height() - e.pageY + xOffset) + "px")
        .css("right",($(document).width() - e.pageX + yOffset) + "px");         
}