diff --git a/apps/readest-app/src/app/reader/components/SectionInfo.tsx b/apps/readest-app/src/app/reader/components/SectionInfo.tsx index 3421c65e..da286876 100644 --- a/apps/readest-app/src/app/reader/components/SectionInfo.tsx +++ b/apps/readest-app/src/app/reader/components/SectionInfo.tsx @@ -31,20 +31,28 @@ const SectionInfo: React.FC = ({ }) => { const _ = useTranslation(); const { appService } = useEnv(); - const { hoveredBookKey, setHoveredBookKey } = useReaderStore(); + const { hoveredBookKey, getView, setHoveredBookKey } = useReaderStore(); const { systemUIVisible, statusBarHeight } = useThemeStore(); const topInset = Math.max( gridInsets.top, appService?.isAndroidApp && systemUIVisible ? statusBarHeight / 2 : 0, ); + const handleNotchClick = () => { + if (isScrolled) { + getView(bookKey)?.renderer.scrollToAnchor?.(0, 'anchor', true); + } + }; + return ( <>
void; setStyles?: (css: string) => void; getContents: () => { doc: Document; index?: number; overlayer?: unknown }[]; - scrollToAnchor?: (anchor: number | Range) => void; + scrollToAnchor?: (anchor: number | Range, reason?: string, smooth?: boolean) => void; addEventListener: ( type: string, listener: EventListener, diff --git a/packages/foliate-js b/packages/foliate-js index c5587665..23215642 160000 --- a/packages/foliate-js +++ b/packages/foliate-js @@ -1 +1 @@ -Subproject commit c5587665ede3bda0f39794fb03c1868a11def74c +Subproject commit 232156429d40ad066c54e1a29c485dc8be04d8fe