scroll-listener

This commit is contained in:
tangly1024.com
2023-03-09 14:40:08 +08:00
parent 29eb26b37b
commit 2dd6b15f7b
4 changed files with 4 additions and 4 deletions

View File

@@ -25,7 +25,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
useEffect(() => { useEffect(() => {
document.addEventListener('scroll', scrollListener) document.addEventListener('scroll', scrollListener)
return () => document.removeEventListener('scroll', scrollListener) return () => document.removeEventListener('scroll', scrollListener)
}, [percent]) }, [])
return ( return (
<div className="h-4 w-full shadow-2xl bg-gray-400 "> <div className="h-4 w-full shadow-2xl bg-gray-400 ">

View File

@@ -25,7 +25,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
useEffect(() => { useEffect(() => {
document.addEventListener('scroll', scrollListener) document.addEventListener('scroll', scrollListener)
return () => document.removeEventListener('scroll', scrollListener) return () => document.removeEventListener('scroll', scrollListener)
}, [percent]) }, [])
return ( return (
<div className="h-4 w-full shadow-2xl bg-gray-400 "> <div className="h-4 w-full shadow-2xl bg-gray-400 ">

View File

@@ -25,7 +25,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
useEffect(() => { useEffect(() => {
document.addEventListener('scroll', scrollListener) document.addEventListener('scroll', scrollListener)
return () => document.removeEventListener('scroll', scrollListener) return () => document.removeEventListener('scroll', scrollListener)
}, [percent]) }, [])
return ( return (
<div className="h-4 w-full shadow-2xl bg-hexo-light-gray dark:bg-black"> <div className="h-4 w-full shadow-2xl bg-hexo-light-gray dark:bg-black">

View File

@@ -25,7 +25,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
useEffect(() => { useEffect(() => {
document.addEventListener('scroll', scrollListener) document.addEventListener('scroll', scrollListener)
return () => document.removeEventListener('scroll', scrollListener) return () => document.removeEventListener('scroll', scrollListener)
}, [percent]) }, [])
return ( return (
<div className="h-4 w-full shadow-2xl bg-gray-400 font-sans"> <div className="h-4 w-full shadow-2xl bg-gray-400 font-sans">