1.隐藏返回键
<ion-header> <ion-navbar [hideBackButton]="true"> <ion-buttons start> <button ion-button icon-only color="light"> 取消 </button> </ion-buttons> <ion-title>{{navParams.data.title}}</ion-title> <ion-buttons end> <button ion-button icon-only color="light" > 编辑 </button> </ion-buttons> </ion-navbar> </ion-header>
2.ionic2/3 页面默认滚动到底部两种方法:
方法1体验不是很好,200毫秒的延迟视觉上可以看出来
方法2异步的请求有时候不能及时响应(可以请求第一次后存入本地存储里面),经过测试 虽然ionic3 中本地存储也是异步的,但是毫无延迟(可能是比较快)
推荐1+2一起使用
1.使用 content 组件的 scrollToBottom() 方法,可以封装成函数使用:
//页面滚动到底部 scrollToBottom() { setTimeout(() => { if(this.content.scrollToBottom){ this.content.scrollToBottom(0); } },200) }
2..使用 content 组件的 scrollDownOnLoad 属性:
<ion-content scrollDownOnLoad="true"></ion-content>