【发布时间】:2021-03-15 17:57:16
【问题描述】:
当我将overflow: hidden 分配给<div> 并垂直滑动手指进行滚动时,它不会在UC 浏览器和Android 默认浏览器中的触摸设备上滚动。
我们可以通过 JavaScript 解决这个问题吗?
编辑
我不想在<div> 内滚动。我想在文档中垂直滚动。但是,当<div> 中有水平滚动条,并且我尝试垂直滚动时,文档不会垂直滚动。
如何解决这个问题?
【问题讨论】:
当我将overflow: hidden 分配给<div> 并垂直滑动手指进行滚动时,它不会在UC 浏览器和Android 默认浏览器中的触摸设备上滚动。
我们可以通过 JavaScript 解决这个问题吗?
编辑
我不想在<div> 内滚动。我想在文档中垂直滚动。但是,当<div> 中有水平滚动条,并且我尝试垂直滚动时,文档不会垂直滚动。
如何解决这个问题?
【问题讨论】:
这很正常,overflow: hidden 正是这样做的:告诉浏览器不要显示溢出元素的内容,也不要让内容滚动。
如果您希望您的内容不会溢出元素,但能够滚动,请执行以下操作:
overflow: auto;
或
overflow: scroll;
区别? auto 将在需要时显示滚动条(当内容比容器更宽或更高时),而scroll 将显示滚动条始终。当然,在触控设备中没有区别。
如果你想要的是垂直滚动而不是水平滚动,你可以使用特定的属性:
overflow-x: hidden; /*don't scroll, nor show the overflow content horizontally*/
overflow-y: auto; /*allow scrolling vertically when needed */
【讨论】: