Skip to content

Instantly share code, notes, and snippets.

@twxia

twxia/getScrollableParent.js

Created January 5, 2018 03:41
Show Gist options
  • Save twxia/bb20843c495a49644be6ea3804c0d775 to your computer and use it in GitHub Desktop.
Save twxia/bb20843c495a49644be6ea3804c0d775 to your computer and use it in GitHub Desktop.
Download ZIP
Get Scrollable Parent
Raw
getScrollableParent.js
function getScrollParent(node) {
const isElement = node instanceof HTMLElement;
const overflowY = isElement && window.getComputedStyle(node).overflowY;
const isScrollable = overflowY !== 'visible' && overflowY !== 'hidden';
if (!node) {
return null;
} else if (isScrollable && node.scrollHeight >= node.clientHeight) {
return node;
}
return getScrollParent(node.parentNode) || document.body;
}
export default getScrollParent;
@sbogdaniuk
Copy link

Sometimes scrolling element is not body, so document.scrollingElement works for me. Caniuse

return getScrollParent(node.parentNode) || document.scrollingElement || document.body;

@oscarmarina
Copy link

Hi everyone, a version supporting shadow dom

https://gist.github.com/oscarmarina/3a546cff4d106a49a5be417e238d9558

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment