@qingwu-ui/scroll-fab 0.9.0-beta.1 → 0.9.0-beta.2

package/dist/index.d.mts

@@ -7,6 +7,46 @@ interface ScrollFabPosition {
   bottom?: number;
   left?: number;
 }
+/** Lenis 实例的最小结构性类型（组件不硬依赖 lenis 包，按结构识别） */
+interface LenisLike {
+  scrollTo: (target: number | string | HTMLElement, options?: Record<string, unknown>) => void;
+  raf?: (time: number) => void;
+  destroy?: () => void;
+  start?: () => void;
+  stop?: () => void;
+  on?: (event: string, callback: (...args: unknown[]) => void) => void;
+  off?: (event: string, callback: (...args: unknown[]) => void) => void;
+  isScrolling?: boolean;
+}
+/** 内部自建 Lenis 时的构造配置（lenis 官方选项子集，允许透传其他字段） */
+interface ScrollFabLenisConfig {
+  wrapper?: HTMLElement | Window;
+  content?: HTMLElement;
+  duration?: number;
+  easing?: (t: number) => number;
+  /** 默认强制 false：自建实例不劫持用户滚轮，只驱动按钮触发的程序滚动；显式置 true 则接管全局 */
+  smoothWheel?: boolean;
+  smoothTouch?: boolean;
+  wheelMultiplier?: number;
+  touchMultiplier?: number;
+  [key: string]: unknown;
+}
+/**
+ * 异形按钮形状（如银杏叶）。
+ * 双 path 才能保证进度描边「完全包裹」：fill 是叶片实体，outline 是外扩一圈的闭合轮廓，
+ * SVG 描边居中于路径，单条 path 必有一半笔画压进形状内部。
+ * outline 的起点约定在 12 点钟方向（描边顺时针推进）。
+ */
+interface ScrollFabShape {
+  /** SVG viewBox，默认 "0 0 48 48"；自定义 path 建议按 48×48 绘制 */
+  viewBox?: string;
+  /** 形状实体 path d（被填充） */
+  fill: string;
+  /** 外扩进度轮廓 path d（track + 进度描边沿它走）；可与 fill 同形再配 outlineTransform 外扩 */
+  outline: string;
+  /** 作用于 outline path 的 SVG transform，如 "translate(24 24) scale(1.1) translate(-24 -24)" */
+  outlineTransform?: string;
+}
 interface ScrollFabOptions {
   /** 滚动容器，null（默认）为 window */
   target?: HTMLElement | null;
@@ -28,6 +68,18 @@ interface ScrollFabOptions {
   className?: string;
   /** 动画开关，关闭或 prefers-reduced-motion 时程序滚动瞬时到位，默认 true */
   animate?: boolean;
+  /**
+   * Lenis 平滑滚动（lenis 为 optional peerDependency，未安装静默回退内置 rAF）：
+   * - 传 Lenis 实例：复用宿主实例，组件不负责销毁；
+   * - true：点击时动态 import lenis 并自建实例（仅驱动按钮程序滚动，不劫持滚轮）；
+   * - 传配置对象：自建实例并透传配置（target 容器自动映射为 wrapper）；
+   * - false / 缺省：内置 rAF 缓动。
+   */
+  lenis?: boolean | ScrollFabLenisConfig | LenisLike;
+  /** 异形形状（银杏叶等）；传入后圆形外壳消失，进度沿外扩轮廓包裹 */
+  shape?: ScrollFabShape;
+  /** 自建 Lenis 实例就绪回调（外部实例注入时不触发），与 onEditorReady 模式对齐 */
+  onLenisReady?: (lenis: LenisLike) => void;
   /** 模式①（滚动到底部）无障碍标签 */
   ariaLabelToBottom?: string;
   /** 模式②（返回顶部）无障碍标签 */
@@ -39,11 +91,13 @@ interface ScrollFabOptions {
 //#region src/scroll-fab.d.ts
 declare class ScrollFab {
   readonly el: HTMLButtonElement;
-  private readonly ring;
-  private readonly track;
+  private ring;
+  private track;
+  private fillPath;
   private readonly icon;
-  private readonly len;
+  private len;
   private readonly targetEl;
+  private readonly shape;
   private readonly ringMs;
   private readonly decayMs;
   private readonly cancelPx;
@@ -51,6 +105,13 @@ declare class ScrollFab {
   private readonly labelBottom;
   private readonly labelTop;
   private readonly onModeChange?;
+  private readonly onLenisReady?;
+  /** 外部注入：宿主实例，组件永不销毁 */
+  private externalLenis;
+  /** 自建配置：null = 不走 lenis；true 形态也归一成对象 */
+  private ownLenisConfig;
+  private ownLenis;
+  private ownLenisPromise;
   private mode;
   private progress;
   private hovering;
@@ -62,10 +123,15 @@ declare class ScrollFab {
   private ringRaf;
   private lastTs;
   private scrollRaf;
+  private lenisLoopRaf;
+  private lenisScrolling;
+  private lenisDest;
   private flashTimer;
   private tapResetTimer;
   private touchTap;
   private ro;
+  private actionSeq;
+  private destroyed;
   constructor(options?: ScrollFabOptions);
   /** 当前模式 */
   get currentMode(): ScrollFabMode;
@@ -75,6 +141,7 @@ declare class ScrollFab {
   scrollToTop(): void;
   destroy(): void;
   private makeCircle;
+  private makePath;
   private onEnter;
   private onLeave;
   private onDown;
@@ -92,20 +159,38 @@ declare class ScrollFab {
   private setMode;
   private doAction;
   private animateScroll;
+  /** 首次点击时动态 import lenis 并自建实例；未安装（或加载失败）→ null 永久回退 rAF */
+  private resolveOwnLenis;
+  /**
+   * 用 Lenis 执行程序滚动。
+   * 自建实例（own）：组件自跑 raf loop（Lenis 需外部驱动 raf），保留 wheel/touch/keydown 打断与到底追击；
+   * 外部实例：宿主自带 raf loop 与手势处理，组件只发 scrollTo，不追击不打断。
+   */
+  private scrollWithLenis;
+  /** 自建实例的 raf 驱动 + 懒加载到底追击（对齐内置 rAF 语义） */
+  private startLenisLoop;
+  private stopLenisLoop;
+  /** 打断自建 Lenis 程序滚动：stop 冻结动画（下次发起前 start 复位） */
+  private onLenisInterrupt;
+  private endLenisScroll;
+  private animateRaf;
   private reducedMotion;
   private onInterrupt;
   private interruptSource;
+  /** 自建 Lenis 路线的打断监听 */
   private attachInterrupt;
   private detachInterrupt;
+  /** 内置 rAF 路线的打断监听 */
+  private attachRafInterrupt;
+  private detachRafInterrupt;
   private cancelScroll;
   private maxScroll;
   private targetPos;
   private scrollPos;
   private setScrollPos;
-  private scrollTo;
   private onRecheck;
   private syncVisible;
 }
 //#endregion
-export { ScrollFab, type ScrollFabMode, type ScrollFabOptions, type ScrollFabPosition };
+export { type LenisLike, ScrollFab, type ScrollFabLenisConfig, type ScrollFabMode, type ScrollFabOptions, type ScrollFabPosition, type ScrollFabShape };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/scroll-fab.ts"],"mappings":";KAAY;;UAGK;EACf;EACA;EACA;EACA;;UAGe;;EAEf,SAAS;;EAET;;EAEA;;EAEA;;EAEA;;EAEA,mBAAmB;;EAEnB,WAAW;;EAEX;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,gBAAgB,MAAM;;;;cCvBX;WACF,IAAI;mBAEI;mBACA;mBACA;mBACA;mBAEA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;UAET;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;EAER,YAAY,UAAS;;MA4EjB,eAAe;;EAKnB;EAIA;EAIA;EAIA;UAoBQ;UAeA;UAMA;UAMA;UAeA;UAUA;UAeA;UAOA;UAUA;UAQA;UAIA;UAMA;;UAoBA;UAYA;UAOA;UAUA;UAIA;UAwCA;UAMA;UAIA;UAIA;UAMA;UAMA;UAUA;UAKA;UAIA;UAKA;UAKA;UAIA;UAIA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/scroll-fab.ts"],"mappings":";KAAY;;UAGK;EACf;EACA;EACA;EACA;;;UAIe;EACf,WACE,0BAA0B,aAC1B,UAAU;EAEZ,OAAO;EACP;EACA;EACA;EACA,MAAM,eAAe,cAAc;EACnC,OAAO,eAAe,cAAc;EACpC;;;UAIe;EACf,UAAU,cAAc;EACxB,UAAU;EACV;EACA,UAAU;;EAEV;EACA;EACA;EACA;GACC;;;;;;;;UASc;;EAEf;;EAEA;;EAEA;;EAEA;;UAGe;;EAEf,SAAS;;EAET;;EAEA;;EAEA;;EAEA;;EAEA,mBAAmB;;EAEnB,WAAW;;EAEX;;EAEA;;EAEA;;;;;;;;EAQA,kBAAkB,uBAAuB;;EAEzC,QAAQ;;EAER,gBAAgB,OAAO;;EAEvB;;EAEA;;EAEA,gBAAgB,MAAM;;;;cCjEX;WACF,IAAI;UAEL;UACA;UACA;mBACS;UACT;mBAES;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;;UAGT;;UAEA;UACA;UACA;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;EAER,YAAY,UAAS;;MA2GjB,eAAe;;EAKnB;EAIA;EAIA;EAIA;UAyBQ;UASA;UAaA;UAMA;UAMA;UAeA;UAUA;UAeA;UAOA;UAUA;UAQA;UAIA;UAMA;;UAoBA;UAYA;UAOA;UAUA;UAIA;;UAyBA;;;;;;UA6BA;;UA6BA;UAqBA;;UAQA;UAMA;UASA;UAmCA;UAMA;UAIA;;UAKA;UAMA;;UAOA;UAMA;UAMA;UAeA;UAKA;UAIA;UAKA;UAKA;UAIA"}

package/dist/index.mjs

@@ -73,19 +73,26 @@ S16("<path d=\"m9 18 6-6-6-6\"/>");
 //#endregion
 //#region src/scroll-fab.ts
 /** 青梧UI ScrollFab 悬浮滚动栏：默认“滚动到底部”，桌面悬停/触屏按住绕满描边一圈翻转为“返回顶部”，点击（轻点）直接执行当前模式动作 */
+const SVG_NS = "http://www.w3.org/2000/svg";
 const RADIUS = 21;
+const FALLBACK_PATH_LEN = 100;
 const DEFAULT_LABEL_BOTTOM = "滚动到底部（悬停或按住绕圈可切换为返回顶部）";
 const DEFAULT_LABEL_TOP = "返回顶部（悬停或按住绕圈可切换为滚动到底部）";
 function easeInOutCubic(p) {
 	return p < .5 ? 4 * p * p * p : 1 - (-2 * p + 2) ** 3 / 2;
 }
+function isLenisInstance(v) {
+	return typeof v === "object" && v !== null && typeof v.scrollTo === "function";
+}
 var ScrollFab = class {
 	el;
 	ring;
 	track;
+	fillPath = null;
 	icon;
 	len;
 	targetEl;
+	shape;
 	ringMs;
 	decayMs;
 	cancelPx;
@@ -93,6 +100,13 @@ var ScrollFab = class {
 	labelBottom;
 	labelTop;
 	onModeChange;
+	onLenisReady;
+	/** 外部注入：宿主实例，组件永不销毁 */
+	externalLenis = null;
+	/** 自建配置：null = 不走 lenis；true 形态也归一成对象 */
+	ownLenisConfig = null;
+	ownLenis = null;
+	ownLenisPromise = null;
 	mode = "to-bottom";
 	progress = 0;
 	hovering = false;
@@ -104,12 +118,18 @@ var ScrollFab = class {
 	ringRaf = null;
 	lastTs = null;
 	scrollRaf = null;
+	lenisLoopRaf = null;
+	lenisScrolling = false;
+	lenisDest = null;
 	flashTimer = null;
 	tapResetTimer = null;
 	touchTap = false;
 	ro = null;
+	actionSeq = 0;
+	destroyed = false;
 	constructor(options = {}) {
 		this.targetEl = options.target ?? null;
+		this.shape = options.shape ?? null;
 		this.ringMs = Math.max(100, Math.min(5e3, options.ringDuration ?? 800));
 		this.decayMs = Math.max(100, options.decayDuration ?? 300);
 		this.cancelPx = Math.max(4, options.cancelThreshold ?? 10);
@@ -117,10 +137,20 @@ var ScrollFab = class {
 		this.labelBottom = options.ariaLabelToBottom ?? DEFAULT_LABEL_BOTTOM;
 		this.labelTop = options.ariaLabelToTop ?? DEFAULT_LABEL_TOP;
 		this.onModeChange = options.onModeChange;
+		this.onLenisReady = options.onLenisReady;
+		if (isLenisInstance(options.lenis)) this.externalLenis = options.lenis;
+		else if (options.lenis != null && options.lenis !== false) {
+			const cfg = options.lenis === true ? {} : options.lenis;
+			this.ownLenisConfig = {
+				smoothWheel: false,
+				...cfg
+			};
+		}
 		this.el = document.createElement("button");
 		this.el.type = "button";
 		this.el.className = `qsf-root${options.className ? ` ${options.className}` : ""}`;
 		this.el.dataset.mode = this.mode;
+		if (this.shape) this.el.dataset.shape = "on";
 		this.el.setAttribute("aria-label", this.labelBottom);
 		this.el.style.setProperty("--qsf-size", `${Math.max(44, options.size ?? 48)}px`);
 		if (options.zIndex != null) this.el.style.setProperty("--qsf-z", String(options.zIndex));
@@ -128,17 +158,32 @@ var ScrollFab = class {
 		if (options.position?.bottom != null) this.el.style.setProperty("--qsf-bottom", `${options.position.bottom}px`);
 		if (options.position?.left != null) this.el.style.setProperty("--qsf-left", `${options.position.left}px`);
 		if (options.position?.top != null) this.el.style.setProperty("--qsf-top", `${options.position.top}px`);
-		const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		const svg = document.createElementNS(SVG_NS, "svg");
 		svg.setAttribute("class", "qsf-svg");
-		svg.setAttribute("viewBox", "0 0 48 48");
+		svg.setAttribute("viewBox", this.shape?.viewBox ?? "0 0 48 48");
 		svg.setAttribute("aria-hidden", "true");
-		this.track = this.makeCircle("qsf-track");
-		this.ring = this.makeCircle("qsf-bar");
-		svg.append(this.track, this.ring);
-		let len = 2 * Math.PI * RADIUS;
+		if (this.shape) {
+			this.fillPath = document.createElementNS(SVG_NS, "path");
+			this.fillPath.setAttribute("class", "qsf-shape-fill");
+			this.fillPath.setAttribute("d", this.shape.fill);
+			this.track = this.makePath("qsf-track", this.shape.outline);
+			this.ring = this.makePath("qsf-bar", this.shape.outline);
+			if (this.shape.outlineTransform) {
+				this.track.setAttribute("transform", this.shape.outlineTransform);
+				this.ring.setAttribute("transform", this.shape.outlineTransform);
+			}
+			svg.append(this.fillPath, this.track, this.ring);
+		} else {
+			this.track = this.makeCircle("qsf-track");
+			this.ring = this.makeCircle("qsf-bar");
+			svg.append(this.track, this.ring);
+		}
+		let len;
+		if (this.shape) len = FALLBACK_PATH_LEN;
+		else len = 2 * Math.PI * RADIUS;
 		try {
 			const measured = this.ring.getTotalLength();
-			if (Number.isFinite(measured)) len = measured;
+			if (Number.isFinite(measured) && measured > 0) len = measured;
 		} catch {}
 		this.len = len;
 		this.ring.style.strokeDasharray = String(this.len);
@@ -179,9 +224,10 @@ var ScrollFab = class {
 		this.animateScroll("bottom");
 	}
 	scrollToTop() {
-		this.scrollTo(0);
+		this.animateScroll("top");
 	}
 	destroy() {
+		this.destroyed = true;
 		this.el.removeEventListener("pointerenter", this.onEnter);
 		this.el.removeEventListener("pointerleave", this.onLeave);
 		this.el.removeEventListener("pointerdown", this.onDown);
@@ -194,6 +240,9 @@ var ScrollFab = class {
 		(this.targetEl ?? window).removeEventListener("scroll", this.onRecheck);
 		this.ro?.disconnect();
 		this.cancelScroll();
+		this.stopLenisLoop();
+		this.ownLenis?.destroy?.();
+		this.ownLenis = null;
 		if (this.ringRaf != null) cancelAnimationFrame(this.ringRaf);
 		this.ringRaf = null;
 		if (this.flashTimer != null) clearTimeout(this.flashTimer);
@@ -201,13 +250,19 @@ var ScrollFab = class {
 		this.el.remove();
 	}
 	makeCircle(cls) {
-		const c = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+		const c = document.createElementNS(SVG_NS, "circle");
 		c.setAttribute("class", cls);
 		c.setAttribute("cx", "24");
 		c.setAttribute("cy", "24");
 		c.setAttribute("r", String(RADIUS));
 		return c;
 	}
+	makePath(cls, d) {
+		const p = document.createElementNS(SVG_NS, "path");
+		p.setAttribute("class", cls);
+		p.setAttribute("d", d);
+		return p;
+	}
 	onEnter = (e) => {
 		if (e.pointerType !== "mouse") return;
 		this.hovering = true;
@@ -321,12 +376,110 @@ var ScrollFab = class {
 		this.animateScroll(this.mode === "to-bottom" ? "bottom" : "top");
 	}
 	animateScroll(dest) {
+		++this.actionSeq;
 		this.cancelScroll();
 		if (!this.animate || this.reducedMotion()) {
 			this.setScrollPos(this.targetPos(dest));
 			return;
 		}
-		this.attachInterrupt();
+		if (this.externalLenis) {
+			this.scrollWithLenis(this.externalLenis, dest, false);
+			return;
+		}
+		if (this.ownLenisConfig) {
+			const seq = ++this.actionSeq;
+			this.resolveOwnLenis().then((lenis) => {
+				if (this.destroyed || seq !== this.actionSeq) return;
+				if (lenis) this.scrollWithLenis(lenis, dest, true);
+				else this.animateRaf(dest);
+			});
+			return;
+		}
+		this.animateRaf(dest);
+	}
+	/** 首次点击时动态 import lenis 并自建实例；未安装（或加载失败）→ null 永久回退 rAF */
+	resolveOwnLenis() {
+		if (this.ownLenis) return Promise.resolve(this.ownLenis);
+		if (this.ownLenisPromise) return this.ownLenisPromise;
+		this.ownLenisPromise = import("lenis").then((mod) => {
+			const LenisCtor = mod.default ?? mod;
+			const cfg = { ...this.ownLenisConfig };
+			if (this.targetEl) cfg.wrapper = this.targetEl;
+			this.ownLenis = new LenisCtor(cfg);
+			this.onLenisReady?.(this.ownLenis);
+			return this.ownLenis;
+		}).catch(() => {
+			this.ownLenisConfig = null;
+			this.ownLenisPromise = null;
+			return null;
+		});
+		return this.ownLenisPromise;
+	}
+	/**
+	* 用 Lenis 执行程序滚动。
+	* 自建实例（own）：组件自跑 raf loop（Lenis 需外部驱动 raf），保留 wheel/touch/keydown 打断与到底追击；
+	* 外部实例：宿主自带 raf loop 与手势处理，组件只发 scrollTo，不追击不打断。
+	*/
+	scrollWithLenis(lenis, dest, own) {
+		const immediate = !this.animate || this.reducedMotion();
+		const target = this.targetPos(dest);
+		this.lenisDest = dest;
+		if (own) {
+			lenis.start?.();
+			lenis.scrollTo(target, {
+				immediate,
+				onComplete: () => this.endLenisScroll()
+			});
+			if (!immediate) {
+				this.lenisScrolling = true;
+				this.attachInterrupt();
+				this.startLenisLoop(lenis, dest);
+			} else this.endLenisScroll();
+		} else {
+			lenis.scrollTo(target, { immediate });
+			this.lenisDest = null;
+		}
+	}
+	/** 自建实例的 raf 驱动 + 懒加载到底追击（对齐内置 rAF 语义） */
+	startLenisLoop(lenis, dest) {
+		let lastEnd = this.targetPos(dest);
+		const loop = (time) => {
+			if (!this.lenisScrolling) return;
+			if (dest === "bottom") {
+				const live = this.targetPos("bottom");
+				if (Math.abs(live - lastEnd) > 2) {
+					lastEnd = live;
+					lenis.scrollTo(live, {
+						force: true,
+						onComplete: () => this.endLenisScroll()
+					});
+				}
+			}
+			lenis.raf?.(time);
+			this.lenisLoopRaf = requestAnimationFrame(loop);
+		};
+		this.lenisLoopRaf = requestAnimationFrame(loop);
+	}
+	stopLenisLoop() {
+		if (this.lenisLoopRaf != null) {
+			cancelAnimationFrame(this.lenisLoopRaf);
+			this.lenisLoopRaf = null;
+		}
+	}
+	/** 打断自建 Lenis 程序滚动：stop 冻结动画（下次发起前 start 复位） */
+	onLenisInterrupt = () => {
+		if (!this.lenisScrolling) return;
+		this.ownLenis?.stop?.();
+		this.endLenisScroll();
+	};
+	endLenisScroll() {
+		this.lenisScrolling = false;
+		this.lenisDest = null;
+		this.stopLenisLoop();
+		this.detachInterrupt();
+	}
+	animateRaf(dest) {
+		this.attachRafInterrupt();
 		let init = false;
 		let start = 0;
 		let end = 0;
@@ -353,7 +506,7 @@ var ScrollFab = class {
 			if (p < 1) this.scrollRaf = requestAnimationFrame(step);
 			else {
 				this.scrollRaf = null;
-				this.detachInterrupt();
+				this.detachRafInterrupt();
 			}
 		};
 		this.scrollRaf = requestAnimationFrame(step);
@@ -367,15 +520,33 @@ var ScrollFab = class {
 	interruptSource() {
 		return this.targetEl ?? window;
 	}
+	/** 自建 Lenis 路线的打断监听 */
 	attachInterrupt() {
 		const src = this.interruptSource();
 		for (const ev of [
 			"wheel",
 			"touchstart",
 			"keydown"
-		]) src.addEventListener(ev, this.onInterrupt, { passive: true });
+		]) src.addEventListener(ev, this.onLenisInterrupt, { passive: true });
 	}
 	detachInterrupt() {
+		const src = this.interruptSource();
+		for (const ev of [
+			"wheel",
+			"touchstart",
+			"keydown"
+		]) src.removeEventListener(ev, this.onLenisInterrupt);
+	}
+	/** 内置 rAF 路线的打断监听 */
+	attachRafInterrupt() {
+		const src = this.interruptSource();
+		for (const ev of [
+			"wheel",
+			"touchstart",
+			"keydown"
+		]) src.addEventListener(ev, this.onInterrupt, { passive: true });
+	}
+	detachRafInterrupt() {
 		const src = this.interruptSource();
 		for (const ev of [
 			"wheel",
@@ -388,7 +559,16 @@ var ScrollFab = class {
 			cancelAnimationFrame(this.scrollRaf);
 			this.scrollRaf = null;
 		}
-		this.detachInterrupt();
+		if (this.lenisScrolling) this.endLenisScroll();
+		const src = this.interruptSource();
+		for (const ev of [
+			"wheel",
+			"touchstart",
+			"keydown"
+		]) {
+			src.removeEventListener(ev, this.onInterrupt);
+			src.removeEventListener(ev, this.onLenisInterrupt);
+		}
 	}
 	maxScroll() {
 		if (this.targetEl) return Math.max(0, this.targetEl.scrollHeight - this.targetEl.clientHeight);
@@ -405,9 +585,6 @@ var ScrollFab = class {
 		if (this.targetEl) this.targetEl.scrollTop = v;
 		else window.scrollTo(0, v);
 	}
-	scrollTo(v) {
-		this.animateScroll(v === 0 ? "top" : "bottom");
-	}
 	onRecheck = () => {
 		this.syncVisible();
 	};