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

Question

如果一个元素是窗口宽度的60%值得在屏幕上运行,我怎么能写一个if条件？

我尝试过使用,style.left > '40%'但似乎没有用.或者是对的.

Answer 1

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

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

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

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

"屏幕外"的对象数量是通过减去screenWidth来计算的rightEdge,因此这个布尔表达式描述了对象超出屏幕60%的时间:

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

这是一个有效的演示:http: //jsfiddle.net/YeyFj/