diff options
Diffstat (limited to 'static/js/header.js')
| -rw-r--r-- | static/js/header.js | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/static/js/header.js b/static/js/header.js new file mode 100644 index 0000000..37f1f74 --- /dev/null +++ b/static/js/header.js @@ -0,0 +1 @@ +class Header{constructor(t){this.header=t,this.body=document.querySelector("body"),this.thresholdPosition=15,this.triggeredStickyClass="header--sticky-triggered",this.stickyClass="header--sticky",this.ticking=!1,this.bodyPosition=0,window.addEventListener("DOMContentLoaded",()=>this.initSticky())}initSticky(){this.headerStaticHeight=this.header.getBoundingClientRect().height,this.header.classList.toggle(this.stickyClass,!0),window.addEventListener("scroll",()=>this.scrollHandler())}scrollHandler(){this.ticking||(window.requestAnimationFrame(()=>{this.scrollChanged(),this.ticking=!1}),this.ticking=!0)}scrollChanged(){this.bodyPosition=Math.abs(this.body.getBoundingClientRect().top),this.bodyPosition>this.thresholdPosition?this.header.classList.toggle(this.triggeredStickyClass,!0):this.header.classList.toggle(this.triggeredStickyClass,!1)}}const header=new Header(document.querySelector("#header"));
\ No newline at end of file |