Chartbreaker
    Preparing search index...

    Interface VisualViewport

    The VisualViewport interface of the Visual Viewport API represents the visual viewport for a given window.

    MDN Reference

    interface VisualViewport {
        height: number;
        offsetLeft: number;
        offsetTop: number;
        onresize: null | ((this: VisualViewport, ev: Event) => any);
        onscroll: null | ((this: VisualViewport, ev: Event) => any);
        pageLeft: number;
        pageTop: number;
        scale: number;
        width: number;
        addEventListener<K extends keyof VisualViewportEventMap>(
            type: K,
            listener: (this: VisualViewport, ev: VisualViewportEventMap[K]) => any,
            options?: boolean | AddEventListenerOptions,
        ): void;
        addEventListener(
            type: string,
            listener: EventListenerOrEventListenerObject,
            options?: boolean | AddEventListenerOptions,
        ): void;
        dispatchEvent(event: Event): boolean;
        removeEventListener<K extends keyof VisualViewportEventMap>(
            type: K,
            listener: (this: VisualViewport, ev: VisualViewportEventMap[K]) => any,
            options?: boolean | EventListenerOptions,
        ): void;
        removeEventListener(
            type: string,
            listener: EventListenerOrEventListenerObject,
            options?: boolean | EventListenerOptions,
        ): void;
    }

    Hierarchy

    • EventTarget
      • VisualViewport
    Index

    Properties

    height offsetLeft offsetTop onresize onscroll pageLeft pageTop scale width

    Methods

    addEventListener dispatchEvent removeEventListener

    Properties

    height: number

    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.

    MDN Reference

    offsetLeft: number

    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.

    MDN Reference

    offsetTop: number

    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.

    MDN Reference

    onresize: null | ((this: VisualViewport, ev: Event) => any)

    MDN Reference

    onscroll: null | ((this: VisualViewport, ev: Event) => any)

    MDN Reference

    pageLeft: number

    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.

    MDN Reference

    pageTop: number

    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.

    MDN Reference

    scale: number

    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.

    MDN Reference

    width: number

    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.

    MDN Reference

    Methods

    • The dispatchEvent() method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order.

      MDN Reference

      Parameters

      • event: Event

      Returns boolean

    Settings

    Member Visibility

    On This Page

    Properties
    Methods