File tree Expand file tree Collapse file tree 2 files changed +12
-12
lines changed
Expand file tree Collapse file tree 2 files changed +12
-12
lines changed Original file line number Diff line number Diff line change @@ -58,10 +58,10 @@ const ScrollContainer: FC<ScrollContainerProps> = (props) => {
5858 : ( scrollParent as HTMLElement ) . clientHeight ;
5959 const totalPage : number = Array . isArray ( children ) ? children ?. length : 1 ;
6060 const totalHeight : number = totalPage * ( viewportHeight - 1 ) ;
61- const totalProgress : number = currentY / totalHeight ; // μ 체 νμ΄μ§ μ§νλ₯ 0 ~ 1
62- const realPage : number = currentY / viewportHeight ; // μ€μ νμ΄μ§
63- const currentPage : number = Math . floor ( realPage ) ; // μ μ νμ΄μ§
64- const currentProgress : number = realPage - currentPage ; // νμ¬ νμ΄μ§ μ§νλ₯
61+ const totalProgress : number = currentY / totalHeight ; // total page progress 0 ~ 1
62+ const realPage : number = currentY / viewportHeight ; // decimal page number
63+ const currentPage : number = Math . floor ( realPage ) ; // integer page number
64+ const currentProgress : number = realPage - currentPage ; // current page progress
6565
6666 setScrollData (
6767 ( scrollData ) =>
Original file line number Diff line number Diff line change 11export interface ScrollData {
2- currentY : number ; // νμ¬ μ€ν¬λ‘€ μμΉ (px)
3- viewportHeight : number ; // νλ©΄ λμ΄ (px)
4- totalPage : number ; // μ΄ νμ΄μ§ μ
5- totalHeight : number ; // μ΄ νμ΄μ§ λμ΄ ν© (px)
6- totalProgress : number ; // μ΄ νμ΄μ§ μ§νλ₯ (%)
7- realPage : number ; // μ€μ νμ΄μ§
8- currentPage : number ; // μ μ νμ΄μ§
9- currentProgress : number ; // νμ¬ νμ΄μ§ μ§νλ₯ (%)
2+ currentY : number ; // current scroll position (px)
3+ viewportHeight : number ; // viewport height (px)
4+ totalPage : number ; // total number of pages
5+ totalHeight : number ; // total height of all pages (px)
6+ totalProgress : number ; // total scroll progress (%)
7+ realPage : number ; // decimal page number
8+ currentPage : number ; // integer page number
9+ currentProgress : number ; // current page progress (%)
1010}
You canβt perform that action at this time.
0 commit comments