檢查元素是否設置了css position屬性

Question

如何確定父元素是否設置了css position屬性？

if(!$('#element').parent().css('position')){
    //here I need to be sure to avoid no rewrite the old position if position is already setted up
    //absolute fixed etc....
    $('#element').parent().css('position','relative')
}

像這樣的跨瀏覽器可以工作嗎？

Answer 1

請按照以下方法：

function elementOrParentIsFixed(element) {
    var $element = $(element);
    var $checkElements = $element.add($element.parents());
    var isFixed = false;
    $checkElements.each(function(){
        if ($(this).css("position") === "relative") {
            isFixed = true;
            return false;
        }
    });
    return 
}

Answer 2

因此，基於@Danish建議（復制粘貼自： 通過jQuery檢測元素是否具有position：fixed（可能由父元素固定） ）

我這樣寫：

function parentHasPosition(element){
    var parent = element.parent();
    if(
        parent.css('position') === 'static' ||
        parent.css('position') === 'absolute' ||
        parent.css('position') === 'fixed' ||
        parent.css('position') === 'sticky'
    ){
        return true;
    }
    return false;
}