Javascript 如何在视口中包含卡片转盘？

我在用这个卡片传送带。所有卡都应在视口中显示，并高亮显示活动卡

单击“卡片”，右键单击“活动卡片”，效果很好，但单击“左卡片”，卡片将离开视口并溢出

---

只需从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;
}

---

你有没有试着用它，所以你想要的是阻止卡片四处移动？看起来你遇到了更多的问题。如果您单击最右侧的

.my card

，然后继续单击活动卡左侧的同级卡，整个菜单将向右极远滚动。我建议你重新考虑整个代码。@Rickard是的，这就是问题所在。将活动卡保持在中心位置有什么解决方法吗？或者任何有用的现有实现？