问题描述:ios 输入完字之后,多行文本框不回弹
    解决方法:在多行文本框输入完字之后调用以下方法

    1. Scroll(){
    2. if ('此位置判断是ios才执行') {
    3. var currentPosition, timer;
    4. var speed = 0;//页面滚动距离
    5. timer = setInterval(function () {
    6. currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
    7. currentPosition -= speed;
    8. window.scrollTo(0, currentPosition);//页面向上滚动
    9. currentPosition += speed; //speed变量
    10. window.scrollTo(0, currentPosition);//页面向下滚动
    11. clearInterval(timer);
    12. }, 1);
    13. }
    14. }

    问题描述:在去掉手机浏览器自带的长按响应事件 ios input和textarea不能输入问题
    解决方法:把input 和 textarea user-select 的属性改为auto

    1. input,textarea{
    2. -webkit-touch-callout: auto;
    3. -webkit-user-select: auto;
    4. -khtml-user-select: auto;
    5. -moz-user-select: auto;
    6. -ms-user-select: auto;
    7. user-select: auto;
    8. }

    问题描述:ios系统video播放时会自动全屏
    解决方法:在video标签中加入 playsinline

    <video playsinline></video>
    

    问题描述:ios系统底部留空白了但是没有生效
    解决方法:因为底部用margin-bottom在ios不生效,要改成padding-bottom

    <style>
    .container{
         padding-bottom:100px;
     }
    </style>
    <container></container>
    <footer></footer>
    

    问题描述:ios系统点击时会出现一个半透明的灰色背景。
    解决方法:-webkit-tap-highlight-color 是 css3 的新属性,这个属性只用于 IOS(iPhone和iPad)。当你点击一个链接或通过 Javascript 定义的可点击元素的时候,它就会出现一个半透明的灰色背景。你可以设置 -webkit-tap-highlight-color 为任何颜色,想要禁用这个背景,设置颜色的透明度设置为0。

    html,body{
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    

    问题描述:android系统固定定位的按钮(如登录页面的确认登录按钮),获取焦点的时候,被输入法顶上去
    解决方法:在窗体改变的时候改变定位的方式

    <style>
    .position_static {
      position: static;
      margin-top:1rem;
    }
    </style>
    $(window).resize(function (event) {
        $("当前按钮").toggleClass("position_static");
    });