Javascript 通过拖动水平滚动卡片列表

我正在制作一个带有引导css html和js的网站，我不知道如何制作，这样产品的卡片就可以横向移动，而不必使用滚动条，只需点击和拖动即可

引导4水平滚动
不带CSS的水平滚动。只需复制滚动包装器类
无名氏
一些示例文本
无名氏
一些示例文本
无名氏
一些示例文本
无名氏
一些示例文本

它由bootstrap 4和一些定制样式组成，看起来更吸引人，并且是一个包含

单击并拖动带卡旋转木马

const slider=document.querySelector（'.items'）；
让isDown=false；
让startX；
让我们离开；
slider.addEventListener（'mousedown'，（e）=>{
isDown=真；
slider.classList.add（'active'）；
startX=e.pageX-slider.offsetLeft；
scrollLeft=slider.scrollLeft；
});
slider.addEventListener（'mouseleave'，（）=>{
isDown=假；
slider.classList.remove（'active'）；
});
slider.addEventListener（'mouseup'，（）=>{
isDown=假；
slider.classList.remove（'active'）；
});
slider.addEventListener（'mousemove'，（e）=>{
如果（！isDown）返回；//停止fn运行
e、 预防默认值（）；
const x=e.pageX-slider.offsetLeft；
恒径=（x-startX）*3；
slider.scrollLeft=scrollLeft-漫游；
});
.items{
溢出：隐藏；
用户选择：无；
光标：指针；
过渡：均为0.2s；
变换：比例（0.98）；
改变：转变；
位置：相对位置；
}
.items.active{
光标：抓取；
光标：-webkit抓取；
变换：比例（1）；
}

引导4水平滚动
不带CSS的水平滚动。只需复制滚动包装器类
无名氏
一些示例文本
无名氏
一些示例文本
无名氏
一些示例文本
无名氏
一些示例文本
您缺少起始两个
div
tags@ShashankGb是的，你是对的，但我没有忘记它们，它们没有粘贴副本，所以我只是在“谢谢”中编辑了它们。没关系，我发现这只在im使用手机风格时有效，而在桌面上它只在上下页面有效，而不是在div侧边桌面大小中有效，你希望卡片是一张比另一张低一张吗？在桌面上它根本不起作用，但当我去检查并将其更改为手机版本时，它在页面和卡片上都起作用。我不明白你的意思。此设计适用于台式机和移动设备。你可以检查这个代码的任何屏幕大小，我希望它去横向不需要使用滑块，所以点击和拖动移动到横向，就像我们在第三排你将se我想要的