routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+30
@@ -0,0 +1,30 @@
|
||||
export function getScrollParent(el, includeHidden = false) {
|
||||
while (el) {
|
||||
if (includeHidden ? isPotentiallyScrollable(el) : hasScrollbar(el)) return el;
|
||||
el = el.parentElement;
|
||||
}
|
||||
return document.scrollingElement;
|
||||
}
|
||||
export function getScrollParents(el, stopAt) {
|
||||
const elements = [];
|
||||
if (stopAt && el && !stopAt.contains(el)) return elements;
|
||||
while (el) {
|
||||
if (hasScrollbar(el)) elements.push(el);
|
||||
if (el === stopAt) break;
|
||||
el = el.parentElement;
|
||||
}
|
||||
return elements;
|
||||
}
|
||||
export function hasScrollbar(el) {
|
||||
if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
|
||||
const style = window.getComputedStyle(el);
|
||||
const hasVerticalScrollbar = style.overflowY === 'scroll' || style.overflowY === 'auto' && el.scrollHeight > el.clientHeight;
|
||||
const hasHorizontalScrollbar = style.overflowX === 'scroll' || style.overflowX === 'auto' && el.scrollWidth > el.clientWidth;
|
||||
return hasVerticalScrollbar || hasHorizontalScrollbar;
|
||||
}
|
||||
function isPotentiallyScrollable(el) {
|
||||
if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
|
||||
const style = window.getComputedStyle(el);
|
||||
return ['scroll', 'auto'].includes(style.overflowY);
|
||||
}
|
||||
//# sourceMappingURL=getScrollParent.js.map
|
||||
Reference in New Issue
Block a user