overflow:scroll与overflow:auto的区别

首先我们需要了解到如何滑动内容

这就用到了一个属性:overflow

overflow: scroll;//如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容
overflow: auto;//如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容

他们都可以加滚动条进行滑动,如果作用相同,为什么会出现两个?

那肯定是因为他们有所不同,先让我们去看一看,他们的效果是什么样子的:

第一个是使用scroll的 第二个是使用auto的

然后我们再看下一张进行对比

能够发现,高度超出的时候,auto的上下滚动条也出现了,scroll上下的滚动条也改变了状态

现在说说他们的区别

当元素内容没有超出宽高时,

auto会隐藏滚动条,

scroll依旧显示滚动条,但会禁用该滚动条

所以,我个人建议多使用auto,相对美观

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值