[JavaScript知识库]elementUI下拉点击两次才会被选中 & 曲面屏滑动直接滑出页面

项目场景：

要求：使用同一个项目放在web端显示web内容和样式，放在H5显示H5内容和样式。一开始使用elementUI开发的，功能不复杂，因此不引入vant，使用elementUI。并且增加了滑动拼图验证

问题描述：

（1）在写选择下拉选择框时，使用电脑浏览器代理没问题，安卓也没问题，ios会出现下拉选择点两次才会出现在选择框内
（2）滑动位置正好处在曲面屏衔接的位置，拖动滑块时导致页面整体被滑出且验证码卡死滑不动问题

解决方案：

（1）修改css

.el-scrollbar {
  > .el-scrollbar__bar {
      opacity: 1 !important;
  }
}

（2）修改css，一开始加在html上的，但是只第一个页面生效，所以就给加在了*上

//禁止曲面屏滑出页面
*{
  touch-action:none;
  touch-action:pan-y;
}

测试，完美，以上~~~