javascript - 根据屏幕定位文本

Question

请检查这个http://jsfiddle.net/e8UQn/

在显示屏幕中，向下拖动滚动条可以看到底部的文本，我已将#text-box的位置设置为绝对，这是显示指定顶部和左侧位置所必需的.

我需要的是当浏览器缩小时，后伸图像看起来很完美，但文本需要修改其位置，以便不显示滚动条。

top 和 left 属性不应该有任何变化，因为这些值是从我的 Web 应用程序动态派生的，这是必要的。是否有可能根据屏幕尺寸动态更改值？

谢谢！

Answer 1

更新：

尝试这个：

var t = $(window).height() - $("#text-box").outerHeight();
$("#text-box").css("top", t);

http://jsfiddle.net/e8UQn/3/

Answer 2

您需要#text-box相对于窗口底部定位：

#text-box {
    position: absolute;
    display: inline-block;
    zoom: 1;
    bottom: 20px; /* This value here */
    left: 51px;
    padding-top: 10px;
    padding-left: 20px;
}

小提琴：http: //jsfiddle.net/e8UQn/2/

如果您无法更改该输出，请覆盖该top值：

#text-box {
    top: 'auto';
    bottom: 20px;
}