محصولات شهریکس
document.querySelectorAll('.my-scroll-container').forEach(container => {
container.addEventListener('wheel', function(e) {
if (e.deltaY == 0) return;
e.preventDefault();
container.scrollLeft -= e.deltaY;
});
});
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.my-scroll-container').forEach(container => {// wheel scroll (برعکس)
container.addEventListener('wheel', function(e) {
if (e.deltaY == 0) return;
e.preventDefault();
container.scrollLeft -= e.deltaY;
});// drag-to-scroll
let isDown = false;
let startX;
let scrollLeft;container.addEventListener('mousedown', (e) => {
isDown = true;
container.classList.add('dragging');
startX = e.pageX - container.offsetLeft;
scrollLeft = container.scrollLeft;
});container.addEventListener('mouseleave', () => {
isDown = false;
container.classList.remove('dragging');
});container.addEventListener('mouseup', () => {
isDown = false;
container.classList.remove('dragging');
});container.addEventListener('mousemove', (e) => {
if (!isDown) return;
e.preventDefault();
const x = e.pageX - container.offsetLeft;
const walk = (x - startX) * 2;
container.scrollLeft = scrollLeft - walk;
});});
});
