kotlin-browser/web.viewport/VisualViewport

VisualViewport

open class VisualViewport : EventTarget(source)

The VisualViewport interface of the CSSOM view API represents the visual viewport for a given window. For a page containing iframes, each iframe, as well as the containing page, will have a unique window object. Each window on a page will have a unique VisualViewport representing the properties associated with that window.

MDN Reference

Properties

height

external val height: Double

The height read-only property of the VisualViewport interface returns the height of the visual viewport, in CSS pixels, or 0 if current document is not fully active.

offsetLeft

external val offsetLeft: Double

The offsetLeft read-only property of the VisualViewport interface returns the offset of the left edge of the visual viewport from the left edge of the layout viewport in CSS pixels, or 0 if current document is not fully active.

offsetTop

external val offsetTop: Double

The offsetTop read-only property of the VisualViewport interface returns the offset of the top edge of the visual viewport from the top edge of the layout viewport in CSS pixels, or 0 if current document is not fully active.

onresize

external var onresize: EventHandler<Event, VisualViewport, VisualViewport>?

MDN Reference

onscroll

external var onscroll: EventHandler<Event, VisualViewport, VisualViewport>?

MDN Reference

onscrollend

external var onscrollend: EventHandler<Event, VisualViewport, VisualViewport>?

MDN Reference

pageLeft

external val pageLeft: Double

The pageLeft read-only property of the VisualViewport interface returns the x coordinate of the left edge of the visual viewport relative to the initial containing block origin, in CSS pixels, or 0 if current document is not fully active.

pageTop

external val pageTop: Double

The pageTop read-only property of the VisualViewport interface returns the y coordinate of the top edge of the visual viewport relative to the initial containing block origin, in CSS pixels, or 0 if current document is not fully active.

scale

external val scale: Double

The scale read-only property of the VisualViewport interface returns the pinch-zoom scaling factor applied to the visual viewport, or 0 if current document is not fully active, or 1 if there is no output device.

width

external val width: Double

The width read-only property of the VisualViewport interface returns the width of the visual viewport, in CSS pixels, or 0 if current document is not fully active.

Functions

dispatchEvent

open external fun dispatchEvent(event: Event): Boolean

when

external fun <T : Event> when(type: EventType<T>, options: ObservableEventListenerOptions?): Observable<T>