Learn all about the jQuery function .offsetParent().
Given a jQuery object that represents a set of DOM elements, the
.offsetParent() method allows us to search through the ancestors of these elements in the DOM tree and construct a new jQuery object wrapped around the closest positioned ancestor. An element is said to be positioned if it has a CSS position attribute of
fixed. This information is useful for calculating offsets for performing animations and placing objects on the page.
Consider a page with a basic nested list on it, with a positioned element:
If we begin at item A, we can find its positioned ancestor:
This will change the color of list item II, which is positioned.