DigiFi/digifi-FirstOffice
1
0
Fork 0
Code Issues Pull Requests Releases Activity

sticky header bug fixed

Browse Source
This commit is contained in:
victorAnumudu
2025-04-07 09:32:10 +01:00
parent f26def10ba
commit 24e6c6846a
1 changed files with 28 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/breadcrumb/BreadcrumbCom.jsx
+11 -19
View File
@@ -12,28 +12,20 @@ export default function BreadcrumbCom({title, span, paths}) {
// var rect = navRef?.current?.getBoundingClientRect()?.bottom; // var rect = navRef?.current?.getBoundingClientRect()?.bottom;
var rect = 10; var rect = 10;
// window.addEventListener('scroll', ()=>{ window.addEventListener('scroll', ()=>{
// if(window.scrollY >= rect + 20){ if(window.scrollY >= rect + 20){
// setStickNav(true) setStickNav(true)
// console.log('tru') console.log('tru')
// }else{ }else{
// setStickNav(false) setStickNav(false)
// console.log('false') console.log('false')
// } }
// }) })
// return () => window.removeEventListener('scroll', window.addEventListener('scroll', ()=>{
// if(window.scrollY >= rect + 20){
// setStickNav(true)
// }else{
// setStickNav(false)
// }
// }))
},[]) },[])
return ( return (
<div className={`${stickNav ? 'sticky top-0 transition-[top] duration-1000 shadow-md shadow-black' : '-top-[100px] static'}`}> // ${stickNav ? 'sticky top-0 transition-[top] duration-1000 shadow-md shadow-black' : '-top-[100px] static'}
<div className={`sticky -top-10 bg-white-body dark:bg-black-body dark:border-b dark:border-black-box dark:shadow-sm dark:shadow-black-box`}>
<div className= {`w-full py-2 flex justify-between items-center`}> <div className= {`w-full py-2 flex justify-between items-center`}>
<div className='flex flex-col gap-2'> <div className='flex flex-col gap-2'>
<div className='flex flex-col md:flex-row gap-1 md:items-center'> <div className='flex flex-col md:flex-row gap-1 md:items-center'>