react-scroll-pkgs

Provides scroll-linked React UI libraries .

npm i react-scroll-flip-book

npm i use-window-scroll-in-element

TEST

use-window-scroll-in-element

XXX

window の「上辺/下辺」が対象エレメント内で何px の位置にあるかを取得

上辺: 0px, 下辺: 0px

対象エレメントのスクロール可能領域の高さを100%として
window の「上辺/下辺」が対象エレメント内で何% の位置にあるかを取得

上辺: 0%, 下辺: 0%

WINDOW

react-scroll-flip-book

XXX


// Language: typescript
// Path: apps/website/src/components/pages/Top/internal/CodeBlock.tsx
// Compare this snippet from apps/website/src/pages/_document.tsx:
import Document, {
  Html,
  Head,
  Main,
  NextScript,
  DocumentContext,
  DocumentInitialProps,
} from 'next/document';
import styled from 'styled-components';