滚动条的隐藏和滚动的实现

滚动条的隐藏

body::-webkit-scrollbar {
    display: none;
}

将类名换成有滚动条的元素即可，在这里安利一篇文章，讲的蛮详细的。

https://juejin.im/post/5a6046dbf265da3e253c3534

滚动的实现

首先需要两个div嵌套，外层div固定宽度并且设置overflow

overflow:scroll;

内层div自适应宽度，但是需要设置内容不换行

 white-space: nowrap;

内层div中需要滚动的div，这里需要设置为行内块级元素（或者浮动也可以）

display: inline-block;

重点来啦！

这里需要通过JS获得外层div，并且设置它的scrollLeft（切记是外层！！！）

之后通过setInterval就可以实现滚动了，记得要在页面关掉之前清除计时器，不然会出现计时器叠加的问题。