js,jq怎么实现使多出的div先隐藏然后向左滑动显示

Question

如图，一张钥匙牌是一个div，不是一张图片。向左滑动显示其余的牌，左边多余的就隐藏，麻烦上一下代码，十分感谢！

Answer 1

例如：
html:

卡牌1

卡牌2

卡牌3

卡牌4

卡牌5

卡牌6

css:
.container {
width: 500px;
height: 60px;
display: flex;
overflow-x:scroll;
}
.card {
width: 100px;
height: 50px;
border: 1px solid;
line-height: 50px;
}

最后可以引用scrollView.js这样横向滑动更顺畅，比原生的css滑动更好。