Bỏ qua nội dung
document.addEventListener('DOMContentLoaded', function () {
// Sử dụng selector cụ thể hơn để tránh xung đột
const layout = document.querySelector('.custom-columns-layout');
if (!layout) return;
const container = layout.querySelector('.columns-container');
const leftArrow = layout.querySelector('.nav-arrow-left');
const rightArrow = layout.querySelector('.nav-arrow-right');
if (!container || !leftArrow || !rightArrow) {
return;
}
const getScrollAmount = () => {
const firstColumn = container.querySelector('.column');
if (!firstColumn) return 0;
const gap = parseFloat(window.getComputedStyle(container).gap) || 15;
return firstColumn.offsetWidth + gap;
};
rightArrow.addEventListener('click', (e) => {
e.preventDefault();
container.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });
});
leftArrow.addEventListener('click', (e) => {
e.preventDefault();
container.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });
});
});
