Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function () {
const carousel = document.querySelector('.card-carousel');
let isDragging = false;
let startX;
let scrollStart;
carousel.addEventListener('mousedown', (e) => {
isDragging = true;
carousel.classList.add('dragging');
startX = e.pageX;
scrollStart = carousel.scrollLeft;
e.preventDefault(); // <- Important to block text selection
});
document.addEventListener('mouseup', () => {
isDragging = false;
carousel.classList.remove('dragging');
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
const x = e.pageX;
const walk = (x - startX) * 1.5;
carousel.scrollLeft = scrollStart - walk;
e.preventDefault();
});
});