小程序经验分享小程序关闭音频继续播放，滚动字幕，scrollview精准高度

如何看待微信公开课小程序热门讨论「小程序经验分享小程序关闭音频继续播放，滚动字幕，scrollview精准高度」
摘要：小程序经验分享小程序关闭音频继续播放，滚动字幕，scrollview精准高度
展开：一、小程序关闭音频继续播放在Page的onHide方法里，检测当前页面是否正在播放音频。如果正在播放则创建wx.getBackgroundAudioManager()来实现继续播放，并用其startTime属性使用继教播放开始于当前播放时间。二、滚动字幕利用scrollview组件，将其scrollintoview属性设置为一个变量，此变量为当前字幕行的id值。scrollviewclassccscrollviewstyletop:{{ccScrollViewTop}}pxscrollintoviewccrow{{ccCursor1?0:(ccCursor1)}}scrollytrue./scrollview三、scrollview精准高度首先在wxss定义如下。bottom:130rpx是因为底部130是固定的。top:0这个是要后面去计算，并将计算结果赋到ccScrollViewTop页面变量。.ccscrollview{position:absolute;bottom:130rpx;left:0;right:0;top:0rpx;}我的应用正好需要用户点击一个导航标签才会显示scrollview，因此，我捕获用户点击时，得到的事件元素的offsetTop值，即可准确获得scrollview最佳top值。下页代码中的750是微信规定所有屏幕都是750rpx宽度，96是我的应用里导航标签的高度。scrollview将正好放在导航标签的下面。因此，scrollview的最佳top值为导航标签的offsetTop与导航标签的实际高度之和。计算top值时，我们使用的是px单位，所以通过获取系统分辨率来将rpx转化成px。if(page.data.ccScrollViewTop0){wx.getSystemInfo({success:function(res){page.setData({ccScrollViewTop:((res.windowWidth/750)96)+evt.currentTarget.offsetTop})}})}