`; root.appendChild(stickyNav); // Modal if (modalOpen) { const modalBackdrop = document.createElement('div'); modalBackdrop.className = 'feedback-modal-backdrop'; modalBackdrop.addEventListener('click', closeModal); const modal = document.createElement('div'); modal.className = 'feedback-modal'; modal.style.width = popupWidth; modal.addEventListener('click', e => e.stopPropagation()); modal.innerHTML = ` `; modalBackdrop.appendChild(modal); root.appendChild(modalBackdrop); // Close modal button modal.querySelector('#close-modal-btn').addEventListener('click', closeModal); } // Feedback button event const feedbackBtn = root.querySelector('#feedback-btn'); if (feedbackBtn) { feedbackBtn.addEventListener('click', openModal); } } function handleScroll() { const scrollY = window.scrollY || window.pageYOffset; const windowHeight = window.innerHeight; const body = document.body; const htmlElem = document.documentElement; // if (config.position === 'bottom') { // const docHeight = Math.max( // body.scrollHeight, body.offsetHeight, // htmlElem.clientHeight, htmlElem.scrollHeight, htmlElem.offsetHeight // ); // stickyVisible = !(scrollY + windowHeight >= docHeight - 40); // } // else if (config.position === 'top') { stickyVisible = scrollY > 60; render(); } // render(); } function openModal(e) { if (e) e.preventDefault(); modalOpen = true; document.body.style.overflow = 'hidden'; render(); } function closeModal(e) { if (e) e.preventDefault(); modalOpen = false; document.body.style.overflow = ''; render(); } // Handle escape key press function handleKeyPress(e) { if (e.key === 'Escape' && modalOpen) { closeModal(); } } // Initial render render(); // Scroll event window.addEventListener('scroll', handleScroll); // Escape key event document.addEventListener('keydown', handleKeyPress); // Set initial stickyVisible for 'top' if (config.position === 'top') { stickyVisible = false; render(); }