javascript - 检查元素是否在屏幕右边缘

Question

我如何编写一个 if 条件，如果一个元素离开屏幕的窗口宽度的 60% 就会运行？

我试过使用 style.left > '40%' 但这似乎不起作用。或者是对的。

Answer 1

您可以使用 javascript 和 jQuery 轻松完成此操作。 要找到对象的右边缘(此处以 f 形式存储在内存中)，请使用以下代码:

var rightEdge = f.width() + f.offset().left;

要查找屏幕宽度，您可以使用以下代码:

var screenWidth = $(window).width();

“离开屏幕”的对象数量是通过从 rightEdge 中减去 screenWidth 来计算的，因此这个 bool 表达式描述了对象何时离开屏幕超过 60%屏幕:

rightEdge-screenWidth > f.width()*.6

这是一个工作演示: http://jsfiddle.net/YeyFj/