檢查元素是否在屏幕右邊緣

Question

我如何編寫一個if條件，如果一個元素是窗口寬度的60％值得離開屏幕，它將運行？

我嘗試使用style.left > '40%'但這似乎不起作用。 還是正確的。

Answer 1

您可以使用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/

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