检查元素是否离开屏幕的右边缘

Check if element is off right edge of screen

本文关键字：右边 边缘 屏幕 离开 元素 是否 检查      更新时间：2023-09-26

我如何写一个if条件，将运行，如果一个元素的窗口宽度的60%值离开屏幕?

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

您可以使用javascript和jQuery很容易地做到这一点。要找到对象的正确边缘(这里作为f存储在内存中)，使用以下代码:

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

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

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

对象"离开屏幕"的数量是通过rightEdge减去screenWidth来计算的，因此这个布尔表达式描述了对象离开屏幕超过60%的情况:

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

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

这不是直接回答你的问题，但是我创建了这个小提琴，可能会让你更容易玩你需要做的数学。

http://jsfiddle.net/5ucbX/

var w = $('#container').width();
var el = $('#el');
el.draggable({
    stop: function () {
        var ew = el.width();
        //this is your "formula"
        var l = el.offset().left + (ew * .6);
        if (l > w) {
            el.addClass('over')
        }
        else {
            el.removeClass('over')
        }
    }
});
相关文章：