如何在每个屏幕上找到特定位置？答案

【问题标题】：How to find a particular position on every screen?如何在每个屏幕上找到特定位置？
【发布时间】：2014-01-08 19:31:04
【问题描述】：

我想查找特定窗口屏幕部分的坐标。我必须将这些作为参数传递给某个 JavaScript 函数。无论访问者使用何种分辨率、屏幕尺寸或浏览器，此功能都会在页面的特定位置（右下角上方 2 英寸）显示工具提示 div。

演示请看这个链接http://www.dhtmlgoodies.com/submitted-scripts/title-to-note/title-to-note.html

【问题讨论】：

如果屏幕只有 2 英寸高怎么办？ :-)
像素是可以的，但你如何判断你的 800x600 显示器是在 15 英寸显示器上还是盲人使用 25 英寸显示器
@Pointy 请看这个dhtmlgoodies.com/submitted-scripts/title-to-note/…
@Chad 请查看我粘贴在已编辑问题中的链接。谢谢
这将其置于像素位置而不是英寸测量值。 1680x1050 22" 显示器上的 2 英寸像素数与以 960x540 运行的 11" 上网本不同。您可以按百分比计算，但不会在所有显示器上精确地达到 2 英寸。

【解决方案1】：

<div style="position:absolute; bottom: 2in; right: 0px;">test</div>

编辑：

$(document).ready(function() {
    var height = $(window).height();
    var width = $(window).width();
    alert('width: '+width+'; heigth: '+height);
});

现在要定位你的 div，你只需要绝对定位你的 div

top:height - div 高度 - 2 英寸。

左：宽度 - div 宽度

【讨论】：

汤普森，我可以用 javascript 找到它吗？我想计算并传递给一个函数。

【解决方案2】：

.tooltip {position: absolute; bottom: 40px; right: 40px;}
.page-wrapper {position: relative;}
<div class="page-wrapper">
//website content
</div>
<div class="tooltip">
//tooltip content
</div>

【讨论】：