6.4 交互API
6.4.5 页面滚动API
使用wx.pageScrollTo接口可使页面自动滚动到目标位置。该接口介绍Object参，该参支持属性如下所示：
scrollTop：必填，滚动到页面的目标位置，单位为px
duration：滚动动画的时长，单位为毫秒，默认值300
三回调函数
示例代码如下：
// 在400毫秒时间内将页面滚动到最上面的内容
wx.pageScrollTo({
scrollTop: 0,
duration: 400
})
6.4.6 导航栏加载动画API
使用wx.showNavigationBarLoading接口可在当前页面的导航栏显示加载动画。
该接口传Object参，参属性含三回调函数。示例代码如下： wx.showNavigationBarLoading()
使用wx.hideNavigationBarLoading接口可以隐藏导航栏的加载动画。
该接口传Object参，参属性含三回调函数。示例代码如下： wx.hideNavigationBarLoading()
6.5 界面API
界面API可以动态改变小程序页面中的各种界面设置
6.5.1 导航栏API
使用wx.setNavigationBarTitle接口可动态改变当前页面导航栏的标题。
该接口传Object参，参属性含三回调函数，以及title属性。
示例代码如下：
wx.setNavigationBarTitle({
title: '新的页面标题',
})
使用wx.setNavigationBarColor接口可以动态改变当前页面导航栏的颜色，
该接口传Object参，参属性如下所示：
frontColor：必填，前景颜色值，包括按钮、标题、状态栏的颜色，仅支持#ffffff和#000000
backgroudColor:必填，背景颜色值
animation：动态变化时的动态效果，详细内容另起一段见下文
三回调函数
animation属性是一个Object值，其中有两有效属性：duration，表示时间变化，单位毫秒，默认值0；timingFunc,表示动画的变化方式，默认值linear，可选值如下所示：
linear：动画从头到尾的速度同
easeIn：动画以低速开始
easeOut：动画以低速结束
easeInOut：动画以低速开始和结束
示例代码如下：
wx.setNavigationBarColor({
backgroundColor: '#ffffff',
frontColor: '#ff0000',
animation:{
duration: 400,
timingFunc: 'easeIn'
}
})
网友评论