Interface SurfaceWheelOptions

Wheel options for the surface component.

interface SurfaceWheelOptions {
    axis?: "both" | "x" | "y";
    filter?: string;
    pan?: boolean;
    reverse?: boolean;
    sensitivity?: number;
    useMetaKey?: boolean;
    zoom?: boolean;
}

Hierarchy

Properties

axis? filter? pan? reverse? sensitivity? useMetaKey? zoom?

Properties

Optionalaxis

axis?: "both" | "x" | "y"

For use with pan:true - defines the axes in which the widget will pan in response to the wheel

Optionalfilter

filter?: string

Optional CSS 3 selector to check if the wheel should be enabled for the current event target.

Optionalpan

pan?: boolean

Whether or not to pan the display when the wheel is moved. Defaults to false.

Optionalreverse

reverse?: boolean

Defaults to false. If true, the zoom direction is reversed: wheel up zooms out, and wheel down zooms in.

Optionalsensitivity

sensitivity?: number

How sensitive the wheel should be.

OptionaluseMetaKey

useMetaKey?: boolean

If true, the "meta" key (CMD on Mac, Ctrl on windows/linux) must be pressed in order for wheel zoom to operate. This can be useful if your UI fills the screen in one or more axes and your users would not be able to scroll past the Surface widget.

Optionalzoom

zoom?: boolean

Whether or not wheel zoom is enabled. Defaults to true.

Settings

Member Visibility

On This Page

Properties
Version :