La Station des Rousses en été vous garde au frais et vous permet de profiter de la montagne à chaque instant. Appréciez la fine brise jurassienne et les charmants coins d’eau du territoire avec ses cascades, lacs et rivières.
La saison d’été enveloppe le Jura de sa chaleur bienveillante, réveillant le territoire. Aussitôt que le ciel s’emplit d’un bleu profond, les rivières murmurent des histoires millénaires et le soleil caresse la peau avec une douceur enivrante. Des champs écarlates aux prairies parfumées, la nature déploie un tapis chatoyant où des milliers de créatures participent à créer une atmosphère enchanteresse. Les étoiles scintillent, apportant un peu de magie dans le ciel illuminé.
Visiter la Station des Rousses en été est synonyme de rencontres et d’émotions. Découvrez les événements de la saison pour vous imprégner de la culture montagnarde jurassienne.
document.addEventListener('DOMContentLoaded', function() {
var stickyElement = document.querySelector('.container-sticky');
var parentElement = document.querySelector('.container_sommaire_ancre');
var footerElement = document.querySelector('.kg-footer__blocks');
var ancreListElement = document.getElementById('ancre_list');
function checkStickyPosition() {
if (!stickyElement || !footerElement || !parentElement) return;
var stickyRect = stickyElement.getBoundingClientRect();
var footerRect = footerElement.getBoundingClientRect();
var parentRect = parentElement.getBoundingClientRect();
// Get current scroll position from the top of the document
var scrollY = window.scrollY || window.pageYOffset;
// Distance from sticky element to the footer
var stickyBottom = stickyElement.offsetTop + stickyElement.offsetHeight;
var footerTop = footerElement.offsetTop;
// Add the sticky-stop class if the sticky element would overlap the footer
if (stickyBottom + scrollY > footerTop) {
stickyElement.classList.add('sticky-stop');
} else {
stickyElement.classList.remove('sticky-stop');
}
}
function updateResponsiveStyles() {
if (window.innerWidth <= 1200) {
// Supprimer l'ID 'ancre_list' pour les petits écrans
if (ancreListElement && ancreListElement.id) {
ancreListElement.removeAttribute('id');
console.log('1')
}
} else {
// Réappliquer l'ID si nécessaire sur les écrans plus grands
if (ancreListElement && !ancreListElement.id) {
ancreListElement.id='ancre_list' ;
}
}
}
// Appeler les fonctions au chargement de la page
checkStickyPosition();
updateResponsiveStyles();
// Réagir aux événements de défilement et de redimensionnement
window.addEventListener('scroll', checkStickyPosition);
window.addEventListener('resize', function() {
updateResponsiveStyles();
checkStickyPosition();
});
// Observer les changements de dimension pour appliquer les styles immédiatement
var resizeObserver=new ResizeObserver(function() {
updateResponsiveStyles();
});
resizeObserver.observe(document.body);
});
