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

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/

Answer 2

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

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')
        }
    }
});