Home / Class/ scrollX Class — svelte Architecture

scrollX Class — svelte Architecture

Architecture documentation for the scrollX class in index.d.ts from the svelte codebase.

Entity Profile

Dependency Diagram

graph TD
  123440e8_e851_f20c_d9e6_0b76374e1a0f["scrollX"]
  6bd9d090_a582_e05c_669e_d53d4e7245f2["index.d.ts"]
  123440e8_e851_f20c_d9e6_0b76374e1a0f -->|defined in| 6bd9d090_a582_e05c_669e_d53d4e7245f2
  3ef2c5ca_041b_7829_4ba3_0ea3a0be7fdf["current()"]
  123440e8_e851_f20c_d9e6_0b76374e1a0f -->|method| 3ef2c5ca_041b_7829_4ba3_0ea3a0be7fdf
  16547d93_5e20_0284_c8ec_a35e9c5994df["constructor()"]
  123440e8_e851_f20c_d9e6_0b76374e1a0f -->|method| 16547d93_5e20_0284_c8ec_a35e9c5994df

Relationship Graph

Source Code

packages/svelte/types/index.d.ts lines 2480–2543

declare module 'svelte/reactivity/window' {
	/**
	 * `scrollX.current` is a reactive view of `window.scrollX`. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const scrollX: ReactiveValue<number | undefined>;
	/**
	 * `scrollY.current` is a reactive view of `window.scrollY`. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const scrollY: ReactiveValue<number | undefined>;
	/**
	 * `innerWidth.current` is a reactive view of `window.innerWidth`. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const innerWidth: ReactiveValue<number | undefined>;
	/**
	 * `innerHeight.current` is a reactive view of `window.innerHeight`. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const innerHeight: ReactiveValue<number | undefined>;
	/**
	 * `outerWidth.current` is a reactive view of `window.outerWidth`. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const outerWidth: ReactiveValue<number | undefined>;
	/**
	 * `outerHeight.current` is a reactive view of `window.outerHeight`. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const outerHeight: ReactiveValue<number | undefined>;
	/**
	 * `screenLeft.current` is a reactive view of `window.screenLeft`. It is updated inside a `requestAnimationFrame` callback. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const screenLeft: ReactiveValue<number | undefined>;
	/**
	 * `screenTop.current` is a reactive view of `window.screenTop`. It is updated inside a `requestAnimationFrame` callback. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const screenTop: ReactiveValue<number | undefined>;
	/**
	 * `online.current` is a reactive view of `navigator.onLine`. On the server it is `undefined`.
	 * @since 5.11.0
	 */
	export const online: ReactiveValue<boolean | undefined>;
	/**
	 * `devicePixelRatio.current` is a reactive view of `window.devicePixelRatio`. On the server it is `undefined`.
	 * Note that behaviour differs between browsers — on Chrome it will respond to the current zoom level,
	 * on Firefox and Safari it won't.
	 * @since 5.11.0
	 */
	export const devicePixelRatio: {
		get current(): number | undefined;
	};
	class ReactiveValue<T> {
		
		constructor(fn: () => T, onsubscribe: (update: () => void) => void);
		get current(): T;
		#private;
	}

	export {};
}

Frequently Asked Questions

What is the scrollX class?
scrollX is a class in the svelte codebase, defined in packages/svelte/types/index.d.ts.
Where is scrollX defined?
scrollX is defined in packages/svelte/types/index.d.ts at line 2480.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free