Javascript 使用jquery自定义刷卡插件

我想用jQuery定制一个刷卡插件，如下所示：

我的代码结构是：

HTML

我的想法是：当触摸移动插件时，我会改变利益滚动容器的位置

当我用以下命令设置“福利滚动容器”类并向左滑动时。我发现一些零件丢失了，如下图所示

div.benefit-scroll-container{
        overflow-x: hidden;
    }

如果我用以下内容设置“福利滚动容器”类

div.benefit-scroll-container{
            overflow-x: visible;
        }

然后我向左滑动，发现整个页面将向左滑动，一些插件丢失边框，如下图所示

div.benefit-scroll-container{
        overflow-x: hidden;
    }

---

如何解决此问题？？

为div.benefit-scroll-container指定一定的宽度，然后提供如下滚动属性：

div.benefit-scroll-container {
        width: 1000px; //or 100% as per your use
        overflow-x: scroll;
    }

---

为div.benefit-scroll-container指定一定的宽度，然后提供如下滚动属性：

div.benefit-scroll-container {
        width: 1000px; //or 100% as per your use
        overflow-x: scroll;
    }

---

谢谢，我不想用卷轴。只想改变div的位置，有可能吗？@ZhiyuanSun然后设置位置：绝对，左：0px，右：0px；我想你误解了我的想法。我想定制一个带有水平幻灯片的滑动插件。谢谢，我不想使用滚动。只想改变div的位置，有可能吗？@ZhiyuanSun然后设置位置：绝对，左：0px，右：0px；我想你误解了我的想法。我想定制一个带有水平滑动的滑动插件。