博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于overflow-x: hidden隐藏滚动条失效的解决方案
阅读量:6605 次
发布时间:2019-06-24

本文共 376 字,大约阅读时间需要 1 分钟。

在苦逼写页面的时候,发现有种情况overflow-x: hidden失效了,chrome表现完好,qq浏览器有问题,微信上面展示有问题。

微信上面展示是一样能够滑动的。

如果出现类似问题的同学,请试一下在众div的container上加一个position: absolute;

什么原因呢,这个动画页面,有div是width:100%,并且位置在left:100%;的位置,运动到left:-100%;的位置,所以一开始在微信上面表现是出现滚动条的。

设置了overflow:hidden和overflow-x: hidden都不行,动画元素是绝对定位的,普通文档流的div罩不住这个动画元素,就要在最外层加一层绝对定位。

css基础还要好好补一下。~

转载于:https://www.cnblogs.com/dh-dh/p/6206975.html

你可能感兴趣的文章
CS 229 notes Supervised Learning
查看>>
2018.10.27-dtoj-3996-Lesson5!(johnny)
查看>>
DataTable转换成json字符串
查看>>
iOS网络协议----HTTP/TCP/IP浅析
查看>>
ubuntu 12.04 安装 redis
查看>>
IOS_CGRect
查看>>
Sql Server中不常用的表运算符之APPLY(1)
查看>>
【DM642】ICELL Interface—Cells as Algorithm Containers
查看>>
linux所有命令失效的解决办法
查看>>
力扣算法题—085最大矩阵
查看>>
svs 在创建的时候 上传文件夹 bin obj 这些不要提交
查看>>
mysql-用命令导出、导入表结构或数据
查看>>
Tinkphp
查看>>
EntityFrameworkCore 一对一 && 一对多 && 多对多配置
查看>>
How to temporally disable IDE tools (load manually)
查看>>
Vue.js学习 Item4 -- 数据双向绑定
查看>>
几种排序方式的java实现(01:插入排序,冒泡排序,选择排序,快速排序)
查看>>
server application unavailable
查看>>
浅谈尾递归的优化方式
查看>>
eclipse 的小技巧
查看>>