fix/animation lagging

This commit is contained in:
tangly1024
2023-03-12 16:39:50 +08:00
parent 1862012d69
commit 16fd9692fb
4 changed files with 6 additions and 12 deletions

View File

@@ -100,7 +100,7 @@ const BlogPostCard = ({ post, showSummary, siteInfo }) => {
alt={post.title}
className="h-full w-full hover:scale-125 transform object-cover duration-500"
/>
{/* <Image className='hover:scale-125 transform duration-500' src={post?.page_cover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' /> */}
{/* <Image className='hover:scale-125 transform duration-500' src={post?.page_cover} style={{ objectFit: 'cover' }} alt={post.title} fill loading='lazy' /> */}
</Link>
</div>
)}

View File

@@ -23,18 +23,11 @@ const LayoutBase = props => {
const scrollListener = () => {
requestAnimationFrame(() => {
// const targetRef = document.getElementById('wrapper')
// const clientHeight = targetRef?.clientHeight
const scrollY = window.pageYOffset
// const fullHeight = clientHeight - window.outerHeight
// let per = parseFloat(((scrollY / fullHeight) * 100).toFixed(0))
// if (per > 100) per = 100
const shouldShow = scrollY > 300
console.log(scrollY)
if (shouldShow !== show) {
switchShow(shouldShow)
}
// changePercent(per)
})
}
useEffect(() => {