// Use an IIFE (Immediately Invoked Function Expression) to avoid global scope pollution
(function() {
// Scope variables to the specific section to avoid conflicts with plentymarkets
const section = document.querySelector('.animalixs-category-section');
if (!section) return;
// Add smooth scroll indicator for mobile
const categoryScroll = section.querySelector('#categoryScroll');
const scrollHint = section.querySelector('#scrollHint');
if (!categoryScroll) return;
// Track scroll position for visual feedback
function checkScrollPosition() {
const scrollLeft = categoryScroll.scrollLeft;
const scrollWidth = categoryScroll.scrollWidth;
const clientWidth = categoryScroll.clientWidth;
// Show hint if there is more content to scroll to the right
// (adding a small 2px buffer for rounding errors)
if (scrollWidth - clientWidth - scrollLeft > 2 && scrollLeft < 20) {
if(scrollHint) scrollHint.classList.remove('hidden');
} else {
if(scrollHint) scrollHint.classList.add('hidden');
}
}
categoryScroll.addEventListener('scroll', checkScrollPosition);
// Also check on window resize
window.addEventListener('resize', checkScrollPosition);
// Mobile-specific: Add touch scroll hint for first load
window.addEventListener('load', function() {
checkScrollPosition(); // Check initially on load
// Removed the window.innerWidth <= 768 check so it animates on all devices
categoryScroll.style.animation = 'pulse-scroll 2s ease-in-out';
});
// Add keyboard navigation support (only when mouse is over the container)
section.addEventListener('mouseenter', function() {
document.addEventListener('keydown', handleKeydown);
});
section.addEventListener('mouseleave', function() {
document.removeEventListener('keydown', handleKeydown);
});
function handleKeydown(e) {
if (e.key === 'ArrowLeft') {
categoryScroll.scrollBy({ left: -100, behavior: 'smooth' });
} else if (e.key === 'ArrowRight') {
categoryScroll.scrollBy({ left: 100, behavior: 'smooth' });
}
}
// Dynamically inject the keyframes animation to ensure isolation
const styleId = 'animalixs-category-animations';
if (!document.getElementById(styleId)) {
const styleEl = document.createElement('style');
styleEl.id = styleId;
styleEl.textContent = `
@keyframes pulse-scroll {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}
`;
document.head.appendChild(styleEl);
}
})();
Herzlich Willkommen im Lecksteine-Shop! Wir bieten Dir die umfassendste Auswahl an unterschiedlichen Salz- und Minerallecksteinen. Hier findest Du erstmals, neben dem reinen Salzleckstein, spezielle Minerallecksteine extra abgestimmt für die unterschiedlichen Bedürfnisse von Pferden.
Aktuelle Empfehlungen
KräuterBlock Mineralleckstein, 3kg
3 Kilogramm | 5,67 € / Kilogramm
* inkl. ges. MwSt.
zzgl.
Versandkosten
Top-Artikel
ANTI-INSECT Mineralleckstein, 3kg
16,00 € *
3 Kilogramm | 5,33 € / Kilogramm
* inkl. ges. MwSt.
zzgl.
Versandkosten
Top-Artikel
ZINCOBLOCK Mineralleckstein, 3kg
12,50 € *
3 Kilogramm | 4,17 € / Kilogramm
* inkl. ges. MwSt.
zzgl.
Versandkosten
Neuheit
PRO IMMUN Natural Mineralleckstein, 3kg
17,00 € *
3 Kilogramm | 5,67 € / Kilogramm
* inkl. ges. MwSt.
zzgl.
Versandkosten
Entdecken Sie Lecksteine auf Instagram
Newsletter
Melde Dich an für unseren Newsletter und erhalten aktuelle Infos und Rabattaktionen!
![[Paket] Lecksteine-Bar Frühlings-Set, 4x 3kg – Fellwechsel, Weidestart & Immunsystem optimal unterstützen [Paket] Lecksteine-Bar Frühlings-Set, 4x 3kg – Fellwechsel, Weidestart & Immunsystem optimal unterstützen](https://cdn02.plentymarkets.com/zvcbffq7m63d/frontend/Animalixs/Startseite/Lecksteine-Bar_Fruehlings-Set__4x_3kg_DE_v1.jpg)





