zoukankan      html  css  js  c++  java
  • 关于overflow-x: hidden隐藏滚动条失效的解决方案

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

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

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

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

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

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

  • 相关阅读:
    星空Password
    股票交易
    【1】博客目录
    事务
    C#基础索引
    C# String
    MSIL
    Evaluation Stack
    Spring源码编译以及导入Intellij IDEA的操作步骤
    WebFlux响应式编程简单示例
  • 原文地址:https://www.cnblogs.com/dh-dh/p/6206975.html
Copyright © 2011-2022 走看看