https://www.elobservador.com.uy/js-custom/elobservador/header_desktop-v2-min-version-1790050169.js

1'use strict';(()=>{const outerHeight=(el)=>{var height=el.clientHeight;var style=getComputedStyle(el);height+=parseInt(style.getPropertyValue('margin-top'))+parseInt(style.getPropertyValue('margin-bottom'));return height};function offset(el){var box=el.getBoundingClientRect();var docElem=document.documentElement;return{top:box.top+window.pageYOffset-docElem.clientTop,left:box.left+window.pageXOffset-docElem.clientLeft,}}
2function scrollTop(el,value){if(value===undefined){return el.pageYOffset}else{if(el===window||el.nodeType===9){el.scrollTo(el.pageXOffset,value)}else{el.pageYOffset=value}}}
3const headerSticky=()=>{const $headerSticky=document.querySelector('#headerSticky');const $bannerZocalo=document.querySelector('#topZocalo');let headerStickyHeight=outerHeight($headerSticky);let bannerZocaloHeight=0;if($bannerZocalo){bannerZocaloHeight=outerHeight($bannerZocalo)}
4let lastScrollTop=0;if(!$headerSticky)return;const $mainHeader=document.querySelector('header.main-header .main-extended_navegation_container');let mainHeaderHeight=outerHeight($mainHeader);const $body=document.body;var stickyHeaderHeight=null;if(scrollTop(window)===0){stickyHeaderHeight=offset($headerSticky).top+headerStickyHeight}
5$body.style.setProperty('--header-height',mainHeaderHeight+'px');console.log("1) de declara header-height por primera vez");$body.style.setProperty('--sticky-height',headerStickyHeight+'px');$body.style.setProperty('--banner-zocalo-height',bannerZocaloHeight+'px');const raf=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame;if(raf){loop()}
6function loop(){let scrollTop=document.documentElement.scrollTop;if(lastScrollTop!==scrollTop){lastScrollTop=scrollTop;updateClass()}
7raf(loop)}
8function updateClass(){if(typeof stickyHeaderHeight=='undefined'||stickyHeaderHeight==null){stickyHeaderHeight=offset($headerSticky).top+headerStickyHeight}
9if(typeof stickyHeaderHeight!='undefined'&&stickyHeaderHeight!=null){if(document.documentElement.scrollTop>stickyHeaderHeight&&!$body.classList.contains('body--header-sticky')){$body.classList.add('body--header-sticky');setTimeout(()=>{headerStickyHeight=outerHeight($headerSticky);if($bannerZocalo){bannerZocaloHeight=outerHeight($bannerZocalo)}
10console.log("2) de declara header-height en el scroll");document.body.style.setProperty('--header-height',headerStickyHeight+'px');$body.style.setProperty('--banner-zocalo-height',bannerZocaloHeight+'px')},200)}else if(document.documentElement.scrollTop<stickyHeaderHeight&&$body.classList.contains('body--header-sticky')){$body.classList.remove('body--header-sticky');mainHeaderHeight=outerHeight($mainHeader);console.log("3) de declara header-height al subir");document.body.style.setProperty('--header-height',mainHeaderHeight+'px')}}else{if(document.documentElement.scrollTop>headerStickyHeight&&!$body.classList.contains('body--header-sticky')){$body.classList.add('body--header-sticky');headerStickyHeight=outerHeight($headerSticky);document.body.style.setProperty('--header-height',headerStickyHeight+'px');console.log("4) de declara header-height en el scroll")}else if(document.documentElement.scrollTop<headerStickyHeight&&$body.classList.contains('body--header-sticky')){$body.classList.remove('body--header-sticky');mainHeaderHeight=outerHeight($mainHeader);console.log("5) de declara header-height al subir");document.body.style.setProperty('--header-height',mainHeaderHeight+'px')}}}};const ready=(fn)=>{if(document.readyState!='loading'){fn();let regionMenu=document.querySelector('.main-extended_navegation-selected-region');let banners=document.querySelectorAll(".main_banners-alert button");let alertArray=Array();if(banners!=null){alertArray=Array.prototype.slice.call(banners)}
11if(regionMenu!=null){alertArray.push(regionMenu)}
12let mainHeader=document.querySelector('header.main-header .main-extended_navegation_container');alertArray.forEach(el=>el.addEventListener('click',function(){setTimeout(()=>{document.body.style.setProperty('--header-height',outerHeight(mainHeader)+'px')},500)}))}else{document.addEventListener('DOMContentLoaded',fn)}};setTimeout(()=>{ready(headerSticky)},500)})()