amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix toc to highlight the correct header on click (#5765)

Browse Source 
* fix toc to highlight the correct header on click

* fix case for when the toc has only a few headings
This commit is contained in:
Alex Visan
2023-03-21 03:16:14 +02:00
committed by GitHub
parent 61bf23ab9a
commit d0f94d15eb
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Layout/useTocHighlight.tsx
View File

@@ -4,7 +4,7 @@
import {useState, useRef, useEffect} from 'react';
const TOP_OFFSET = 75;
const TOP_OFFSET = 85;
export function getHeaderAnchors(): HTMLAnchorElement[] {
return Array.prototype.filter.call(
@@ -32,7 +32,7 @@ export function useTocHighlight() {
const scrollPosition = window.scrollY + window.innerHeight;
const headersAnchors = getHeaderAnchors();
if (scrollPosition >= 0 && pageHeight - scrollPosition <= TOP_OFFSET) {
if (scrollPosition >= 0 && pageHeight - scrollPosition <= 0) {
// Scrolled to bottom of page.
setCurrentIndex(headersAnchors.length - 1);
return;