关键属性：transform rotate 通过对容器旋转-90deg 再对元素的旋转90deg 实现滚动条横线滚动

PS：子元素需是 边长= 容器大小 - 滚动条宽度 的正方形

效果

在这里上下滚动鼠标滚轮试试，会丝般顺滑的左右滚动这个容器~

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nihil pariatur dolorem doloremque? Quia reiciendis esse itaque quos quaerat beatae ipsam iure officia atque minus nemo accusantium, alias eveniet. Laudantium?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Est doloribus quas, repellendus, recusandae distinctio, voluptas neque laudantium cumque molestias doloremque sapiente veniam at quam. Qui voluptas aspernatur fuga. Beatae, deleniti?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem aspernatur tenetur minus voluptate sit dicta voluptatem incidunt, laboriosam iste delectus vitae quae molestiae itaque officia unde amet quisquam. Illum, amet?

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem, laborum beatae exercitationem quia, a tenetur vero error nemo ducimus rem saepe. Vitae quam quaerat laboriosam blanditiis. Enim a qui necessitatibus!

html

行内样式中的数据需要通过JS获取

css

js