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

2023-11-16 19:24:34

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. 　　 width: 100%;
    2. 　　 height: 2.6rem;
    3. 　　 white-space: nowrap;
    4. 　　 overflow-y: hidden;
　　}
　　2>子元素的高度高于父元素,通过y轴溢出被隐藏
　　.timeout-course-wrap {
    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. 　　 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.目前还没遇到,待补充

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

上一篇：微信小程序之日期与时间插件


下一篇：两行代码实现微信小程序联系人sidebar