兼容性问题大全

Q：移动端使用overflow-y: auto; 可以滚动，但是没有出现滚动条，怎么让其显示？
A:原文参考

可以使用css，让滚动条显示出来。
代码如下：

 .rows {

  height: 230px;

  overflow: hidden;

  overflow-y: auto;

}

.rows::-webkit-scrollbar-track-piece {

  background-color: rgba(0, 0, 0, 0);

  border-left: 1px solid rgba(0, 0, 0, 0);

}

.rows::-webkit-scrollbar {

  width: 5px;

  height: 13px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.rows::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.5);

  background-clip: padding-box;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  min-height: 28px;

}

.rows::-webkit-scrollbar-thumb:hover {

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

Q：解决input框中加入disabled="disabled"之后，改变字体的颜色（默认的是灰色)
A：解决方案

input[disabled]{color:#fff;opacity:1}

disabled 默认是0.3,所以样式里一定要加 opacity:1

Q：移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
A：最近开发一个简单的H5页面，在IOS端测试的时候发现，点击按钮会闪动，出现一个黑色的背景一闪而过，影响用户体验。最后通过度娘，找到解决方法：
就是给点击的元素添加一个CSS属性。

-webkit-tap-highlight-color:transparent;

参考网站
https://blog.csdn.net/liuxing_lanyue/article/details/81187520

Q:iOS新版微信底部返回横条问题
A:一般的，如果是第一个界面，是没有底部横条的。当页面发生跳转后，会有底部小横条。

function(){  
    pushHistory();
    window.addEventListener("popstate", function(e) {
        WeixinJSBridge.invoke('closeWindow',{},function(res){ });
    }, false);  

    function pushHistory() {  
        var state = {  
            title: "title",  
            url: "#"  
        };  
        window.history.pushState(state, "title", "#");  
    }  
}
--------------------- 

原文：https://blog.csdn.net/u013513053/article/details/82464989