如果overflow-y: auto无法创建滚动,可能有以下原因: 元素的内容没有超出容器的高度。如果内容不足以填充容器,就不会显示滚动条。 元素的高度被设置为固定值,无法自动增长。如果元素的高度被设置为一个固定值(如px、em等),即使内容超出了容器的高度,也无法创建滚动条。 父级元素的高度被设置为固定值,并且没有...
元素没有设置固定的高度:overflow-y属性只在元素有固定高度的情况下才会生效。因此,首先需要确保元素设置了一个固定的高度,可以是像素值或百分比。 父元素的高度不正确:如果父元素没有设置合适的高度,子元素的滚动可能会受到限制。请确保父元素的高度足够容纳子元素,并且没有设置overflow: hidden或其他限制滚动的属性。
无需滚动。 只有当 div 中的内容需要滚动才能看到 ul 中的更多项目时,浏览器才会滚动。要使滚动条仅在需要时出现,您可以使用 overflow-y: auto。 你隐含地告诉浏览器显示滚动条,即使它不需要这么小的 ul 元素。尝试添加更多元素以查看滚动条是否正常工作。 .list { margin: auto; height: 285px; width: 300...
sunmoon221楼•6 年前 1
display: flex; flex-direction: column; } .header { height: 50px; background: teal; } .content { flex: 1; background: red; display: flex; flex-direction: row; } .aside { width: 200px; background: rebeccapurple; } .main { flex: 1; overflow-y: auto; background: yellow; } css...
当我们在移动端,给div设置一个高度,使用 overflow-y:scroll实现 div内容滚动的时候,会发现滚动内容卡顿。。 此时使用 -webkit-overflow-scrolling: touch;可以解决卡顿问题。。。 但是会出现滚动到底部,页面无法触发滚动的问题。 -webkit-overflow-scrolling: touch; 1 ...
因为你的div中的内容还不足以让滚动条可用 你在这个容器里多加点东西要超出容器大小的再试试
"textarea"不是的有效类型。您需要一个<textarea>元素。
水平滚动条是：