获取元素的底部和正确位置
获取元素的底部和正确位置
提问于 2012-03-26 20:28:53
我尝试获取一个元素在窗口中的位置，如下所示：
var link = $(element);
var offset = link.offset();
var top = offset.top;
var left = offset.left;
var bottom = $(window).height() - link.height();
bottom = offset.top - bottom;
var right = $(window).width() - link.width();
right = offset.left - right;然而，底部和右侧的前面有-……为什么会这样呢？因为这些数字是正确的，所以它们不应该是负的。
回答 6
Stack Overflow用户
回答已采纳
发布于 2012-03-26 20:35:08
而不是
var bottom = $(window).height() - link.height();
bottom = offset.top - bottom;你为什么不做
var bottom = $(window).height() - top - link.height();编辑:你的错误是你在做
bottom = offset.top - bottom;而不是
bottom = bottom - offset.top; // or bottom -= offset.top;Stack Overflow用户
发布于 2015-01-24 16:07:53
// Returns bottom offset value + or - from viewport top
function offsetBottom(el, i) { i = i || 0; return $(el)[i].getBoundingClientRect().bottom }
// Returns right offset value
function offsetRight(el, i) { i = i || 0; return $(el)[i].getBoundingClientRect().right }
var bottom = offsetBottom('#logo');
var right = offsetRight('#logo');这将找到从视口顶部和左侧到元素确切边缘的距离，除此之外什么也找不到。假设你的logo是350px，左边距是50px，变量' right‘的值是400，因为这是到达元素边缘的实际距离，不管你的右边是否有更多的填充或边缘。
如果您的框大小CSS属性设置为边框，它将继续工作，就像它被设置为默认内容框一样。
Stack Overflow用户
发布于 2012-03-26 20:36:50
您可以使用.position()来完成此操作
var link = $(element);
var position = link.position(); //cache the position
var right = $(window).width() - position.left - link.width();
var bottom = $(window).height() - position.top - link.height();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9872128
复制相关文章
相似问题
腾讯云开发者
