页面好看的教育类网站模板下载,网站开发税率税种,对网站设计的摘要,wordpress上传图片占空间6.4 交互API
6.4.5 页面滚动API
使用wx.pageScrollTo接口可使页面自动滚动到目标位置。该接口介绍Object参#xff0c;该参支持属性如下所示#xff1a;
scrollTop#xff1a;必填#xff0c;滚动到页面的目标位置#xff0c;单位为px
duration#xff1a;滚动动画的…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表示时间变化单位毫秒默认值0timingFunc,表示动画的变化方式默认值linear可选值如下所示
linear动画从头到尾的速度同
easeIn动画以低速开始
easeOut动画以低速结束
easeInOut动画以低速开始和结束
示例代码如下
wx.setNavigationBarColor({ backgroundColor: #ffffff, frontColor: #ff0000, animation:{ duration: 400, timingFunc: easeIn } })
