溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關(guān)offsetParent()方法怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
offsetParent()方法返回最近的祖先定位元素。定位元素指的是元素的CSSposition屬性被設(shè)置為relative、absolute或fixed的元素。可以通過jQuery設(shè)置position，或者通過CSS的position屬性。
offsetParent()實例
設(shè)置最近的祖先定位元素的背景顏色：
$("button").click(function(){
$("p").offsetParent().css("background-color","red");
});
語法
$(selector).offsetParent()
深入理解定位父級offsetParent及偏移大小
偏移量(offsetdimension)是javascript中的一個重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth這四個屬性。當然，還有一個偏移參照——定位父級offsetParent。本文將詳細介紹該部分內(nèi)容
定位父級
在理解偏移大小之前，首先要理解offsetParent。人們并沒有把offsetParent翻譯為偏移父級，而是翻譯成定位父級，很大原因是offsetParent與定位有關(guān)
定位父級offsetParent的定義是：與當前元素最近的經(jīng)過定位(position不等于static)的父級元素，主要分為下列幾種情況
元素自身有fixed定位，offsetParent的結(jié)果為null
當元素自身有fixed固定定位時，我們知道固定定位的元素相對于視口進行定位，此時沒有定位父級，offsetParent的結(jié)果為null
[注意]firefox瀏覽器有兼容性問題
<divid="test"></div>
<script>
//firefox并沒有考慮固定定位的問題，返回<body>，其他瀏覽器都返回null
console.log(test.offsetParent);
</script>
感謝各位的閱讀！關(guān)于“offsetParent()方法怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
