@dsmlll/react-scroll
Version:
A React library for synchronizing scroll between a navigation component and content sections, with click-to-scroll functionality.
13 lines (12 loc) • 971 B
TypeScript
import { UseScrollSyncProps, UseScrollSyncReturn } from '../types';
/**
* useScrollSync Hook 用于同步滚动容器中内容区域与导航标签的状态。
* @param scrollContainerRef - 对滚动容器元素的引用。
* @param navTabsRef - (可选)对导航标签容器元素的引用,用于计算偏移量。
* @param sections - 一个对象,键是标签ID,值是对相应内容区域元素的引用。
* @param initialActiveTab - (可选)初始激活的标签ID。
* @param onActiveTabChange - (可选)当激活的标签发生变化时的回调函数。
* @param userOptions - (可选)用户自定义的配置选项。
* @returns 返回一个对象,包含当前激活的标签 (activeTab) 和处理标签点击的函数 (handleTabClick)。
*/
export declare const useScrollSync: ({ scrollContainerRef, navTabsRef, sections, initialActiveTab, onActiveTabChange, options: userOptions, }: UseScrollSyncProps) => UseScrollSyncReturn;