Ionic(ionicframework)一款接近原生的Html5移动App开发框架 创建精彩的应用 从这里开始 -keyboard-attach
漂亮的界面 追求性能 专注原生 免费开源
-
ionic/ionic3
JavaScript 扩展 - Headers/Footers(页眉页脚) 1
- Content(内容) 2
- Scroll(滚动) 3
- Tabs(选项卡) 4
- Side Menus(侧栏菜单) 5
- Navigation(导航) 6
- Lists(列表) 7
- Form Inputs(表单) 8
- Slide Box(滑动框) 9
- Modal(模型) 10
- Action Sheet(操作表) 11
- Popup(弹出窗口) 12
- Loading(加载) 13
- Platform(平台) 14
- Gesture(手势) 15
- Backdrop(背景) 16
- Utility(工具) 17
- Keyboard(键盘) 18
keyboard-attach
keyboard-attach是一个属性指令,在键盘显示时,它会导致一个元素悬浮在键盘上方。目前仅支持ion-footer-bar指令。
注意
- 该指令依赖Ionic键盘插件。
- Android设备未全屏模式中,即,在你的
config.xml
文件里设置了<preference name="Fullscreen" value="true" />
,该指令是不必要的,因为她默认的行为。 - 在iOS中,在你的footer中有一个input,你需要设置
cordova.plugins.Keyboard.disableScroll(true)
。
用法
<ion-footer-bar align-title="left" keyboard-attach class="bar-assertive">
<h1 class="title">标题!</h1>
</ion-footer-bar>