Я работал с этой карточной каруселью. Все карты должны отображаться в окне просмотра с выделенной активной картой.

введите описание изображения здесь

При нажатии на карточки справа от активной карточки она работает хорошо, но при щелчке левой карточки карточки выходят из области просмотра и переполняются.

Ссылка JSFiddle

Просто удалите анимационный код из js.

Вот этот

 if ($(this).hasClass('next')) { $('.card-carousel').stop(false, true).animate({left: '-='   $slide}); } else if ($(this).hasClass('prev')) { $('.card-carousel').stop(false, true).animate({left: ' ='   $slide}); } 

Скрыть переполненный контент решит эту проблему. Я добавлю его в тело, так как тело является внешним контейнером карусели.

 body { overflow-x: hidden; }