微信小程序 > 微信公开课 > 小程序scrollintoview和enablebacktotop兼容性问题
微信小程序,微信公开课,小程序scrollintoview和enablebacktotop兼容性问题

小程序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和enablebacktotop兼容性问题

「小程序scrollintoview和enablebacktotop兼容性问题」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序scrollintoview和enablebacktotop兼容性问题」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序scrollintoview和enablebacktotop兼容性问题」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序scrollintoview和enablebacktotop兼容性问题」

微信公开课小程序热门讨论「小程序scrollintoview和enablebacktotop兼容性问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「小程序scrollintoview和enablebacktotop兼容性问题」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。