Jamey's Jamey's
首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于

Jamey

首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于
  • 通用问题

    • iOS & Android
    • 样式
    • iOS
      • H5交互
      • H5页面 上下滑动卡顿
      • input存在重影边框问题
      • input光标过长
    • Android
  • iPhone

  • 《移动端 实践系列》笔记
  • 通用问题
Jamey
2019-08-22
目录

iOS

# H5交互

/**
  * 与 ios native  交互
  * payClick 定义的抛出给iOS交互的方法
  */
try {
  window.webkit.messageHandlers.payClick.postMessage({
    money: this.money
  });
  return;
} catch (error) {
  console.log(error);
}
1
2
3
4
5
6
7
8
9
10
11
12

# H5页面 上下滑动卡顿

/* ios端微信h5页面上下滑动时卡顿 */
* {
  -webkit-overflow-scrolling: touch;
}
1
2
3
4

# input存在重影边框问题

input {
  outline: none;
  -webkit-appearance: none; 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
1
2
3
4
5

# input光标过长

不要给 input 加高度,加 padding 撑开就行了

#移动端
上次更新: 2022/05/07, 18:01:12
样式
Android

← 样式 Android→

Theme by Vdoing | Copyright © 2017-2023 Jamey | blog 闽ICP备19022664号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式