document.addEventListener("DOMContentLoaded", function(){
let widgets = document.querySelectorAll("#secondary .widget");
let targetWidget = null;
widgets.forEach(function(widget){
if(widget.innerText.includes("RENCONTRE SUR TA VILLE")){
targetWidget = widget;
}
});
if(!targetWidget) return;
let sidebar = document.querySelector("#secondary");
let footer = document.querySelector("footer");
let start = targetWidget.offsetTop;
function updatePosition(){
let scroll = window.scrollY;
let footerTop = footer.offsetTop;
let widgetHeight = targetWidget.offsetHeight;
let sidebarWidth = sidebar.offsetWidth;
if(scroll >= start - 20){
targetWidget.classList.add("widget-rencontre-fixe");
targetWidget.style.width = sidebarWidth + "px";
}else{
targetWidget.classList.remove("widget-rencontre-fixe");
targetWidget.classList.remove("widget-rencontre-stop");
}
if(scroll + widgetHeight + 40 >= footerTop){
targetWidget.classList.remove("widget-rencontre-fixe");
targetWidget.classList.add("widget-rencontre-stop");
}
}
window.addEventListener("scroll", updatePosition);
});
