h5开发兼容性问题记录

• 输入框，IOS默认不能编辑问题

input,select,textarea{
  -webkit-user-select: auto;
}

• 渐变背景，IOS会出现黑色阴影问题

使用rgba替代transparent

background-image: linear-gradient(to bottom, #f2f3f5, #f2f3f5, rgba(255, 255, 255, 0))

• 浏览器上设置document.documentElement.scrollTop在真机上滚动没有到指定位置问题，需要设置body同步滚动

document.documentElement.scrollTop = document.body.scrollTop = scrollDistance

• 浏览器api使用剪切板功能在手机上失效问题，真机上需要调用安卓原生api获取到复制内容

//浏览器方法
function readClipboard(): Promise<string> {
  return new Promise<string>((resolve) => {
    navigator.clipboard.readText().then((res) => {
      Dialog.alert({
        title: '提示',
        message: res
      })
      resolve(res)
    })
  })
}
//原生方法，调用公司自己的sdk里面的方法