-webkit-overflow-scrolling解决移动端iOS滚动卡顿现象

css3中-webkit-overflow-scrolling使用方法

-webkit-overflow-scrolling: touch; //有回弹效果 
-webkit-overflow-scrolling: auto; //滑到哪停到哪

实现滚动回弹效果的页面布局 (实战)

<div class="containBox no-scrollbar">
  <div>
      滚动的内容
  </div>
</div>
//滚动容器
.containBox{
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 50px;
    overflow-x: hidden;
    /*overflow-y:auto;//不能写,会和下面的产生冲突*/
    -webkit-overflow-scrolling: touch;
}

转载地址:https://blog.csdn.net/qq_39635302/article/details/79477596

猜你喜欢

转载自blog.csdn.net/Bright2017/article/details/83025973