微信端遇到的一些bug和去除横向滚动条的办法

1.微信中的动画需要写兼容问题

2.微信中滑动横向overflow-x:auto的父级元素时,在ios中会出现卡顿的问题,这个时候需要在父级元素中添加   出现问题的地方,已修复 -webkit-overflow-scrolling: touch;  这一属性来兼容ios中滑动不畅快的问题

3.隐藏横向滚动条的方法:

　㈠蠢一点的方法:

　p.s. 其中  timeout-picwrap为 div  .timeout-course-wrap为ul.

　　1>父级元素中的overflow-y:hidden;元素高度要略小于子元素的高度

　　.timeout-picwrap {

1. 1. 　　 width: 100%;
   2. 　　 height: 2.6rem;
   3. 　　 white-space: nowrap;
   4. 　　 overflow-y: hidden;

　　}

　　2>子元素的高度高于父元素,通过y轴溢出被隐藏

　　.timeout-course-wrap {

1. 1. 　　 display: block;
   2. 　　 overflow: auto;
   3. 　　 height: 2.8rem;
   4. 　　 -webkit-overflow-scrolling:  touch;
   5. 　　其中ul不能设置width,不然如果width不够的话,会出现滑动时的卡顿问题

　　}

　　3>孙元素中的属性

　　.timeout-course-wrap li {

1. 1. 　　 width: 2.45rem;
   2. 　　 height: 2.8rem;
   3. 　　 margin-left: .12rem;
   4. 　　 display: inline-block;
   5. 　　 list-style: none;

　　　}

 　　㈡简单的方法

　　

　　.timeout-course-wrap::-webkit-scrollbar {
            width: 0px
        }

4.目前还没遇到,待补充

转载于:https://www.cnblogs.com/scottchen950202/p/6292714.html