2023-06-09 06:16:05 +00:00
<!DOCTYPE html>
2023-09-01 22:34:58 +00:00
< html class = "no-js" >
2023-06-09 06:16:05 +00:00
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1" charset = "UTF-8" >
< title > IntersectionObserverEntry< / title >
< link href = "../../../images/logo-icon.svg" rel = "icon" type = "image/svg" >
< script > var pathToRoot = "../../../" ; < / script >
2023-09-01 22:34:58 +00:00
< script > document . documentElement . classList . replace ( "no-js" , "js" ) ; < / script >
2023-06-09 06:16:05 +00:00
< script > c o n s t s t o r a g e = l o c a l S t o r a g e . g e t I t e m ( " d o k k a - d a r k - m o d e " )
if (storage == null) {
const osDarkSchemePreferred = window.matchMedia & & window.matchMedia('(prefers-color-scheme: dark)').matches
if (osDarkSchemePreferred === true) {
document.getElementsByTagName("html")[0].classList.add("theme-dark")
}
} else {
const savedDarkMode = JSON.parse(storage)
if(savedDarkMode === true) {
document.getElementsByTagName("html")[0].classList.add("theme-dark")
}
}
< / script >
2023-09-01 22:34:58 +00:00
< script type = "text/javascript" src = "https://unpkg.com/kotlin-playground@1/dist/playground.min.js" async = "async" > < / script >
2023-06-09 06:16:05 +00:00
< script type = "text/javascript" src = "../../../scripts/sourceset_dependencies.js" async = "async" > < / script >
< link href = "../../../styles/style.css" rel = "Stylesheet" >
< link href = "../../../styles/main.css" rel = "Stylesheet" >
< link href = "../../../styles/prism.css" rel = "Stylesheet" >
< link href = "../../../styles/logo-styles.css" rel = "Stylesheet" >
2023-09-01 22:34:58 +00:00
< link href = "../../../styles/font-jb-sans-auto.css" rel = "Stylesheet" >
2023-06-09 06:16:05 +00:00
< script type = "text/javascript" src = "../../../scripts/clipboard.js" async = "async" > < / script >
< script type = "text/javascript" src = "../../../scripts/navigation-loader.js" async = "async" > < / script >
< script type = "text/javascript" src = "../../../scripts/platform-content-handler.js" async = "async" > < / script >
< script type = "text/javascript" src = "../../../scripts/main.js" defer = "defer" > < / script >
< script type = "text/javascript" src = "../../../scripts/prism.js" async = "async" > < / script >
< script type = "text/javascript" src = "../../../scripts/symbol-parameters-wrapper_deferred.js" defer = "defer" > < / script >
< / head >
< body >
2023-09-01 22:34:58 +00:00
< div class = "root" >
< nav class = "navigation" id = "navigation-wrapper" >
< div class = "navigation--inner" >
< div class = "navigation-title" >
< button class = "menu-toggle" id = "menu-toggle" type = "button" > toggle menu< / button >
< div class = "library-name" >
< a class = "library-name--link" href = "../../../index.html" >
micro_utils.dokka
< / a >
< / div >
< div class = "library-version" >
2023-09-07 22:37:15 +00:00
0.20.6 < / div >
2023-09-01 22:34:58 +00:00
< / div >
2023-06-09 06:16:05 +00:00
< div class = "filter-section" id = "filter-section" >
< button class = "platform-tag platform-selector js-like" data-active = "" data-filter = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button >
< / div >
< / div >
2023-09-01 22:34:58 +00:00
< div class = "navigation-controls" >
< button class = "navigation-controls--btn navigation-controls--theme" id = "theme-toggle-button" type = "button" > switch theme< / button >
< div class = "navigation-controls--btn navigation-controls--search" id = "searchBar" role = "button" > search in API< / div >
2023-06-09 06:16:05 +00:00
< / div >
2023-09-01 22:34:58 +00:00
< / nav >
< div id = "container" >
< div class = "sidebar" id = "leftColumn" >
< div class = "sidebar--inner" id = "sideMenu" > < / div >
< / div >
< div id = "main" >
2023-06-09 06:16:05 +00:00
< div class = "main-content" data-page-type = "classlike" id = "content" pageIds = "micro_utils.dokka::dev.inmo.micro_utils.common/IntersectionObserverEntry///PointingToDeclaration//-119510368" >
< div class = "breadcrumbs" > < a href = "../../../index.html" > micro_utils.dokka< / a > < span class = "delimiter" > /< / span > < a href = "../index.html" > dev.inmo.micro_utils.common< / a > < span class = "delimiter" > /< / span > < span class = "current" > IntersectionObserverEntry< / span > < / div >
< div class = "cover " >
< h1 class = "cover" > < span > Intersection< / span > < wbr > < / wbr > < span > Observer< / span > < wbr > < / wbr > < span > < span > Entry< / span > < / span > < / h1 >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
2023-09-01 22:34:58 +00:00
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > external < / span > < span class = "token keyword" > interface < / span > < a href = "index.html" > IntersectionObserverEntry< / a > < span class = "clearfix" > < span class = "floating-right" > (< a href = "https://github.com/InsanusMokrassar/MicroUtils/blob/master//common/src/jsMain/kotlin/dev/inmo/micro_utils/common/IntersectionObserver.kt#L34" > source< / a > )< / span > < / span > < / div > < / div > < / div >
2023-06-09 06:16:05 +00:00
< / div >
< div class = "tabbedcontent" >
< div class = "tabs-section" tabs-section = "tabs-section" > < button class = "section-tab" data-active = "" data-togglable = "CONSTRUCTOR,TYPE,PROPERTY,FUNCTION" > Members< / button > < / div >
< div class = "tabs-section-body" >
< div data-togglable = "PROPERTY" >
< h2 class = "" > Properties< / h2 >
< div class = "table" > < a data-name = "-651628080%2FProperties%2F-119510368" anchor-label = "boundingClientRect" id = "-651628080%2FProperties%2F-119510368" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" > < / a >
< div class = "table-row" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" >
< div class = "main-subrow keyValue " >
< div class = "" > < span class = "inline-flex" >
< div > < a href = "bounding-client-rect.html" > < span > bounding< / span > < wbr > < / wbr > < span > Client< / span > < wbr > < / wbr > < span > < span > Rect< / span > < / span > < / a > < / div >
< span class = "anchor-wrapper" > < span class = "anchor-icon" pointing-to = "-651628080%2FProperties%2F-119510368" > < / span >
< div class = "copy-popup-wrapper " > < span class = "copy-popup-icon" > < / span > < span > Link copied to clipboard< / span > < / div >
< / span > < / span > < / div >
< div >
< div class = "title" >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > abstract < / span > < span class = "token keyword" > < / span > < span class = "token keyword" > val < / span > < a href = "bounding-client-rect.html" > boundingClientRect< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom/-d-o-m-rect-read-only/index.html" > DOMRectReadOnly< / a > < / div > < div class = "brief " > < p class = "paragraph" > Returns the bounds rectangle of the target element as a DOMRectReadOnly. The bounds are computed as described in the documentation for Element.getBoundingClientRect().< / p > < / div > < / div > < / div >
< / div >
< / div >
< / div >
< / div >
< a data-name = "96512629%2FProperties%2F-119510368" anchor-label = "intersectionRatio" id = "96512629%2FProperties%2F-119510368" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" > < / a >
< div class = "table-row" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" >
< div class = "main-subrow keyValue " >
< div class = "" > < span class = "inline-flex" >
< div > < a href = "intersection-ratio.html" > < span > intersection< / span > < wbr > < / wbr > < span > < span > Ratio< / span > < / span > < / a > < / div >
< span class = "anchor-wrapper" > < span class = "anchor-icon" pointing-to = "96512629%2FProperties%2F-119510368" > < / span >
< div class = "copy-popup-wrapper " > < span class = "copy-popup-icon" > < / span > < span > Link copied to clipboard< / span > < / div >
< / span > < / span > < / div >
< div >
< div class = "title" >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > abstract < / span > < span class = "token keyword" > < / span > < span class = "token keyword" > val < / span > < a href = "intersection-ratio.html" > intersectionRatio< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-number/index.html" > Number< / a > < / div > < div class = "brief " > < p class = "paragraph" > Returns the ratio of the intersectionRect to the boundingClientRect.< / p > < / div > < / div > < / div >
< / div >
< / div >
< / div >
< / div >
< a data-name = "-165800554%2FProperties%2F-119510368" anchor-label = "intersectionRect" id = "-165800554%2FProperties%2F-119510368" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" > < / a >
< div class = "table-row" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" >
< div class = "main-subrow keyValue " >
< div class = "" > < span class = "inline-flex" >
< div > < a href = "intersection-rect.html" > < span > intersection< / span > < wbr > < / wbr > < span > < span > Rect< / span > < / span > < / a > < / div >
< span class = "anchor-wrapper" > < span class = "anchor-icon" pointing-to = "-165800554%2FProperties%2F-119510368" > < / span >
< div class = "copy-popup-wrapper " > < span class = "copy-popup-icon" > < / span > < span > Link copied to clipboard< / span > < / div >
< / span > < / span > < / div >
< div >
< div class = "title" >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > abstract < / span > < span class = "token keyword" > < / span > < span class = "token keyword" > val < / span > < a href = "intersection-rect.html" > intersectionRect< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom/-d-o-m-rect-read-only/index.html" > DOMRectReadOnly< / a > < / div > < div class = "brief " > < p class = "paragraph" > Returns a DOMRectReadOnly representing the target's visible area.< / p > < / div > < / div > < / div >
< / div >
< / div >
< / div >
< / div >
< a data-name = "-1692528010%2FProperties%2F-119510368" anchor-label = "isIntersecting" id = "-1692528010%2FProperties%2F-119510368" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" > < / a >
< div class = "table-row" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" >
< div class = "main-subrow keyValue " >
< div class = "" > < span class = "inline-flex" >
< div > < a href = "is-intersecting.html" > < span > is< / span > < wbr > < / wbr > < span > < span > Intersecting< / span > < / span > < / a > < / div >
< span class = "anchor-wrapper" > < span class = "anchor-icon" pointing-to = "-1692528010%2FProperties%2F-119510368" > < / span >
< div class = "copy-popup-wrapper " > < span class = "copy-popup-icon" > < / span > < span > Link copied to clipboard< / span > < / div >
< / span > < / span > < / div >
< div >
< div class = "title" >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > abstract < / span > < span class = "token keyword" > < / span > < span class = "token keyword" > val < / span > < a href = "is-intersecting.html" > isIntersecting< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html" > Boolean< / a > < / div > < div class = "brief " > < p class = "paragraph" > A Boolean value which is true if the target element intersects with the intersection observer's root. If this is true, then, the IntersectionObserverEntry describes a transition into a state of intersection; if it's false, then you know the transition is from intersecting to not-intersecting.< / p > < / div > < / div > < / div >
< / div >
< / div >
< / div >
< / div >
< a data-name = "-1718272212%2FProperties%2F-119510368" anchor-label = "rootBounds" id = "-1718272212%2FProperties%2F-119510368" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" > < / a >
< div class = "table-row" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" >
< div class = "main-subrow keyValue " >
< div class = "" > < span class = "inline-flex" >
< div > < a href = "root-bounds.html" > < span > root< / span > < wbr > < / wbr > < span > < span > Bounds< / span > < / span > < / a > < / div >
< span class = "anchor-wrapper" > < span class = "anchor-icon" pointing-to = "-1718272212%2FProperties%2F-119510368" > < / span >
< div class = "copy-popup-wrapper " > < span class = "copy-popup-icon" > < / span > < span > Link copied to clipboard< / span > < / div >
< / span > < / span > < / div >
< div >
< div class = "title" >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > abstract < / span > < span class = "token keyword" > < / span > < span class = "token keyword" > val < / span > < a href = "root-bounds.html" > rootBounds< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom/-d-o-m-rect-read-only/index.html" > DOMRectReadOnly< / a > < / div > < div class = "brief " > < p class = "paragraph" > Returns a DOMRectReadOnly for the intersection observer's root.< / p > < / div > < / div > < / div >
< / div >
< / div >
< / div >
< / div >
< a data-name = "-492344302%2FProperties%2F-119510368" anchor-label = "target" id = "-492344302%2FProperties%2F-119510368" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" > < / a >
< div class = "table-row" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" >
< div class = "main-subrow keyValue " >
< div class = "" > < span class = "inline-flex" >
< div > < a href = "target.html" > < span > < span > target< / span > < / span > < / a > < / div >
< span class = "anchor-wrapper" > < span class = "anchor-icon" pointing-to = "-492344302%2FProperties%2F-119510368" > < / span >
< div class = "copy-popup-wrapper " > < span class = "copy-popup-icon" > < / span > < span > Link copied to clipboard< / span > < / div >
< / span > < / span > < / div >
< div >
< div class = "title" >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > abstract < / span > < span class = "token keyword" > < / span > < span class = "token keyword" > val < / span > < a href = "target.html" > target< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom/-element/index.html" > Element< / a > < / div > < div class = "brief " > < p class = "paragraph" > The Element whose intersection with the root changed.< / p > < / div > < / div > < / div >
< / div >
< / div >
< / div >
< / div >
< a data-name = "-944463914%2FProperties%2F-119510368" anchor-label = "time" id = "-944463914%2FProperties%2F-119510368" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" > < / a >
< div class = "table-row" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" >
< div class = "main-subrow keyValue " >
< div class = "" > < span class = "inline-flex" >
< div > < a href = "time.html" > < span > < span > time< / span > < / span > < / a > < / div >
< span class = "anchor-wrapper" > < span class = "anchor-icon" pointing-to = "-944463914%2FProperties%2F-119510368" > < / span >
< div class = "copy-popup-wrapper " > < span class = "copy-popup-icon" > < / span > < span > Link copied to clipboard< / span > < / div >
< / span > < / span > < / div >
< div >
< div class = "title" >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > abstract < / span > < span class = "token keyword" > < / span > < span class = "token keyword" > val < / span > < a href = "time.html" > time< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-double/index.html" > Double< / a > < / div > < div class = "brief " > < p class = "paragraph" > A DOMHighResTimeStamp indicating the time at which the intersection was recorded, relative to the IntersectionObserver's time origin.< / p > < / div > < / div > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "footer" >
< span class = "go-to-top-icon" > < a href = "#content" id = "go-to-top-link" > < / a > < / span > < span > © 2023 Copyright< / span > < span
class="pull-right">< span > Generated by < / span > < a
href="https://github.com/Kotlin/dokka">< span > dokka< / span > < span class = "padded-icon" > < / span > < / a > < / span >
< / div >
2023-09-01 22:34:58 +00:00
< / div >
< / div >
2023-06-09 06:16:05 +00:00
< / div >
< / body >
< / html >