overflow: scroll;在ipad air2不生效
29浏览 · 2024-01-24 12:19:50
可能是因为iPad Air 2使用的是Safari浏览器，而Safari浏览器在iOS中对于overflow:scroll;不支持惯性滚动。你可以尝试使用-webkit-overflow-scrolling: touch;来启用惯性滚动，或者使用一些第三方的JS[插件]([http](https://geek.csdn.net/educolumn/68f28ca3131d47699e5902c5d3d74d51?spm=1055.2569.3001.10083)s://geek.csdn.net/educolumn/245b0d2e7d461013e49fcfb80f940dbd?spm=1055.2569.3001.10083)来实现惯性滚动。另外，也可以尝试使用更适合移动端的滚动[方式](https://geek.csdn.net/educolumn/0a7fca90472e8d39fd3078246e0b14f3?spm=1055.2569.3001.10083)，例如使用滑动[手势](https://geek.csdn.net/educolumn/0cb002c0a73b1f[aac](https://geek.csdn.net/educolumn/24edbe1593847044c4732d00c972438f?spm=1055.2569.3001.10083)175056d746aa306?spm=1055.2569.3001.10083)来实现滚动。
相关问题
如果在使用 `overflow: scroll` 样式时，设置了 `max-height` 和 `min-height`，但是没有生效，可能是由于其他样式或元素影响了容器的高度。以下几种情况可能导致 `max-height` 和 `min-height` 不生效：
1. 容器有固定高度或高度被其他元素撑开：如果父级元素或子元素设置了固定高度或者使用了浮动、绝对定位等属性，可能会影响到容器的高度，导致 `max-height` 和 `min-height` 不生效。
2. 内部元素高度超出容器高度：如果容器中的内容比容器本身的高度更高，容器也可能会被撑开，导致 `max-height` 和 `min-height` 不生效。可以使用 `overflow: auto` 样式来自动添加滚动条，或者通过调整内部元素的高度来解决这个问题。
3. 其他样式影响了容器的高度：如果容器有其他样式，比如 `padding` 或 `margin`，也可能会影响到容器的高度，导致 `max-height` 和 `min-height` 不生效。可以检查一下其他样式是否可能导致了这个问题。
为了解决这个问题，可以先检查以上这些情况是否存在，如果存