父亲页面内开启overflow-x: auto样式后,监听滑动或者滚动事件全部失效,要怎么处理,代码怎么写
时间: 2023-03-06 15:47:40 浏览: 273
可以尝试设置overflow-x: scroll,然后在监听滑动或者滚动事件时,使用window.addEventListener来添加滚动事件处理程序,例如:window.addEventListener('scroll', function(event) { // 在这里处理滚动事件 });
相关问题
overflow-x:visible和overflow-y:auto失效
可能是由于父元素设置了overflow:hidden属性,导致子元素的overflow属性失效。因为子元素的overflow属性会受到父元素overflow属性的限制。你可以尝试将父元素的overflow属性设置为visible或auto,或者将子元素放到一个新的父元素中并设置新的父元素的overflow属性。如果还是不能解决问题,可以提供代码以便更好地理解问题。
设置overflow-y: auto;不能滑动
如果设置 `overflow-y: auto;` 不能滑动,可能有以下原因:
1. 没有设置高度或最大高度。需要给容器设置高度或最大高度,才能使滚动条出现。
2. 容器内的内容不足以撑起容器高度。如果容器内的内容不足以撑起容器高度,则滚动条不会出现。
3. 子元素设置了 `position: fixed;`。如果子元素设置了 `position: fixed;`,则会脱离文档流,无法撑起容器高度,从而导致滚动条不出现。
4. 浏览器或父级容器设置了 `overflow: hidden;`。如果浏览器或父级容器设置了 `overflow: hidden;`,则子元素的滚动条也会被隐藏。
你可以检查一下以上几点,看看是否有问题。
阅读全文