首先我们需要了解到如何滑动内容
这就用到了一个属性:overflow
overflow: scroll;//如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容
overflow: auto;//如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容
他们都可以加滚动条进行滑动,如果作用相同,为什么会出现两个?
那肯定是因为他们有所不同,先让我们去看一看,他们的效果是什么样子的:
第一个是使用scroll的 第二个是使用auto的
然后我们再看下一张进行对比
能够发现,高度超出的时候,auto的上下滚动条也出现了,scroll上下的滚动条也改变了状态
现在说说他们的区别:
当元素内容没有超出宽高时,
auto会隐藏滚动条,
scroll依旧显示滚动条,但会禁用该滚动条
所以,我个人建议多使用auto,相对美观