
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
小程序scrollintoview和enablebacktotop兼容性问题
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrollintoview和enablebacktotop兼容性问题」
摘要:小程序scrollintoview和enablebacktotop兼容性问题
展开:目前在调试工具上可以正常跳转,但是在所有IOS真机上无效,华为P9上无效,小米和nuex5上有效前端代码如下:scrollviewscrollytrueenablebacktotop{{enableBackToTop}}scrolltop{{scrollTop}}stylewebkitoverflowscrolling:touch;scrollintoview{{replyScrollIntoView}}scrollwithanimationwx:if{{replyScrollIntoView!enableBackToToptrue}}!回复列表viewclassmessagelistviewclassblockquote{{item.IsOther1?other:my}}messagewx:for{{eventReplyList}}wx:key{{item.ReplyId}}idreplyId{{index}}imageclassavatarsrc{{item.Headimgurl}}/viewclassciteview{{item.UserName}}/viewview{{item.CreateDate}}/view/viewviewclasssendmessageimgwx:if{{item.ReplyTypeImage}}imagestylewidth:{{item.FileInfo.width}}px;height:{{item.FileInfo.height}}pxdatacurrentimgurl{{item.ReplyDetail}}catchtappreviewImagesrc{{item.ReplyDetail}}/image/viewtextclasssendmessagewx:if{{item.ReplyTypeText}}{{item.ReplyDetail}}/textviewclasssendmessagesoundwx:if{{item.ReplyTypeAudio}}datareplyid{{item.ReplyId}}datafilepath{{item.ReplyDetail}}dataindex{{index}}catchtapplayVoice/view/view/view/scrollview分割线js代码如下:Page({data:{userInfo:{},eventInfo:{ProjectName:,UserName:,StageName:,EventDetailList:[{EventTypeTemplateName:,EventDesc:}]},//详情eventCreateDate:,//创建时间eventReplyList:[],//回复列表eventReplyImageList:[],//回复中的图片,用于图片预览replyType:{Text:true,Audio:false,Image:false,},//回复类型eventOptions:{},//传入的参数replyScrollIntoView:,//回复列表中滚动到指定元素,值应为某子元素id(id不能以数字开头)scrollTop:0,enableBackToTop:false,//当iOS点击顶部状态栏、安卓双击标题栏时,是否支持滚动条返回顶部},//加载页面,获取详情onLoad:function(options){varthatthisvaruserInfoPromisenewPromise(function(resolve,reject){app.getUserInfo(function(userInfo){that.setData({userInfo:userInfo})resolve(OK)})})userInfoPromise.then(function(successMessage){if(successMessageOK){varparamsoptions;varjsonDataJSON.stringify({sessionId:app.globalData.sessionId,eventId:params.eventId,eventType:params.eventType,moduleName:params.moduleName,prePage:Page});wx.showLoading({title:加载中,})wx.request({url:app.globalData.requestUrl+api/Test/GetTestDetail,contentType:application/json,data:jsonData,method:POST,header:app.globalData.requestHeader,success:function(res){if(res.statusCode200res.data.Result.Status1){if(res.data.Data!null){wx.setNavigationBarTitle({title:res.data.Data.ProjectName,success:function(res){}})varhandleResulthandleReplyList(res.data.Data.EventReplyList)that.setData({eventInfo:res.data.Data,eventCreateDate:moment(res.data.Data.CreateDate).format(YYYYMMDDHH:mm:ss),eventReplyList:handleResult.replyList,eventReplyImageList:handleResult.replyImageList})//ps:一开始以为是数据渲染延迟的问题导致无法跳转到指定子元素,就使用延时执行,但即时我设置延时10秒后执行,也无效果setTimeout(function(){console.log(replyId+(that.data.eventReplyList.length1))that.setData({replyScrollIntoView:replyId+(that.data.eventReplyList.length1),enableBackToTop:true})},500)}else{wx.showModal({title:提示,content:暂无数据,showCancel:false,success:function(res){if(res.confirm){}}})}}elseif(res.statusCode401){wx.showModal({title:提示,content:登录已超时,showCancel:false,success:function(res){if(res.confirm){}}})}else{wx.showModal({title:提示,content:res.data.Result.Error.Message,showCancel:false,success:function(res){if(res.confirm){}}})}},fail:function(res){console.log(fail:,res)},complete:function(res){wx.hideLoading()}})}})},onShow:function(){},}) -
小程序scrollintoview在安卓机下面无法滚动到指定id苹果机下面可以
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrollintoview在安卓机下面无法滚动到指定id苹果机下面可以」
摘要:小程序scrollintoview在安卓机下面无法滚动到指定id苹果机下面可以
展开:scrollintoview在安卓机下面无法滚动到指定id苹果机下面可以 -
小程序scrollintoview定位不准确
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrollintoview定位不准确」
摘要:小程序scrollintoview定位不准确
展开:如上图所示,scrollintoview定位的ID是mes_20,实际定位在mes_17这里,mes_20在下面根本没有显示出来,需要手动滑下去才能显示。PS:id为mes元素的高度是不一样的,有的是图片,有的是文字,有的是录音文件,会不会是这个原因导致高度计算错误所以定位不准备。 -
小程序scrollOffset()回调function的传入参数为null
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrollOffset()回调function的传入参数为null」
摘要:小程序scrollOffset()回调function的传入参数为null
展开:开发工具刚升级到0.22.202200后,原先没有问题的代码wx.createSelectorQuery().selectViewport().scrollOffset(function(res){//新版本发现res为null}); -
小程序scrolltop在安卓真机测试有效,在iphone无效
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrolltop在安卓真机测试有效,在iphone无效」
摘要:小程序scrolltop在安卓真机测试有效,在iphone无效
展开:如题 -
小程序scrollTop能不能转换为rpx
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrollTop能不能转换为rpx」
摘要:小程序scrollTop能不能转换为rpx
展开:page和scrollvIew的scrollTop能不能自动转换为rpx,目前是px,因为页面部署都采用了rpx,在滚动监听里面,我们要自己去实现rpx和px的比例转换吗 -
小程序scrollview:开发工具和真机测试效果不一致
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrollview:开发工具和真机测试效果不一致」
摘要:小程序scrollview:开发工具和真机测试效果不一致
展开:开发工具上效果:如截图,货币对那竖排固定不同,右侧的那几竖排放到scrollview中,这样右侧部分可以横向左右移动而最左边的货币对那竖排固定不动。但是在真机(安卓)上测试,货币对那竖排也会跟着一起动,感觉就是整个数据都放置在一个scrollview中了。这是什么情况 -
小程序scrollview:开发工具效果OK,安卓真机测试无效
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序scrollview:开发工具效果OK,安卓真机测试无效」
摘要:小程序scrollview:开发工具效果OK,安卓真机测试无效
展开:下图是开发工具的效果,货币对那竖排固定,买价、买价、差价、最高那些放在scrollview中可以左右滑动。但是在真机中测试时,货币对那竖排也会跟着一起滑动。下图是源码:请问这是bug还是代码问题啊