<script>
document.addEventListener('DOMContentLoaded', function () {
// Grab the wrapper div you gave the ID to
const trigger = document.getElementById('vers-le-haut');
if (!trigger) return;
// Make it accessible & obviously clickable
trigger.style.cursor = 'pointer';
trigger.setAttribute('role', 'button');
trigger.setAttribute('tabindex', '0');
trigger.setAttribute('aria-label', 'Haut de page');
// If Elementor put an <a> inside, prevent its default so the URL doesn't get a '#'
const innerLink = trigger.querySelector('a');
if (innerLink) {
innerLink.addEventListener('click', function (e) {
e.preventDefault();
});
}
// Click on the wrapper (or anything inside) = smooth scroll to top
const goTop = function (e) {
// Prevent default just in case a child <a> or <button> is clicked
e.preventDefault && e.preventDefault();
window.scrollTo({ top: 0, behavior: 'smooth' });
};
trigger.addEventListener('click', goTop);
// Keyboard support (Enter/Space)
trigger.addEventListener('keydown', function (e) {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
goTop(e);
}
});
});
</script>