小程序
小游戏
企业微信
微信支付
扫描小程序码分享
iOS scroll-view中video全屏再退出全屏scrollView会自动滚到顶部有解决吗?
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请参考issue进度https://developers.weixin.qq.com/community/develop/issue/342
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我点击全屏时禁止滚动退出时加个延时再把禁止滚动去掉可不可
贴个taro版的,我是先记录滚动位置,监听全屏切换事件,在退出全屏时,延时重置滚动位置.视频全屏播放设置为横屏(direction={90}) , 这样退出全屏时会有过渡,看起来不会卡顿 usePageScroll(({ scrollTop }) => { if (!videoControlStore.isFullScreen) { setScrollTop(scrollTop) } }) <Video onFullscreenChange={({detail})=> { if (!detail.fullScreen) { // scrollTop存在state中 const scroll = scrollTop wx.setPageOrientation({ orientation: 'portrait', complete: () => { console.log('是否全屏', videoControlStore.isFullScreen) console.log('退出全屏portrait', scroll) // 视频全屏,scroll-view会滚动到顶部,退出全屏时需要重新设置scrollTop setTimeout(() => { Taro.pageScrollTo({ scrollTop: scroll, duration: 0, }) setScrollTop(scroll) setTimeout(() => { videoControlStore.setIsFullScreen(false) }, 200) }, 100) }, }) } else { wx.setPageOrientation({ orientation: 'landscape' }) videoControlStore.setIsFullScreen(true) } }} id={videoId} src={item.video!} poster={item.cover} direction={90} ></VideoCard>
官方已经在修复了吧。。。
这个只能耐心等
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请参考issue进度https://developers.weixin.qq.com/community/develop/issue/342
我点击全屏时禁止滚动退出时加个延时再把禁止滚动去掉可不可
贴个taro版的,我是先记录滚动位置,监听全屏切换事件,在退出全屏时,延时重置滚动位置.视频全屏播放设置为横屏(direction={90}) , 这样退出全屏时会有过渡,看起来不会卡顿 usePageScroll(({ scrollTop }) => { if (!videoControlStore.isFullScreen) { setScrollTop(scrollTop) } }) <Video onFullscreenChange={({detail})=> { if (!detail.fullScreen) { // scrollTop存在state中 const scroll = scrollTop wx.setPageOrientation({ orientation: 'portrait', complete: () => { console.log('是否全屏', videoControlStore.isFullScreen) console.log('退出全屏portrait', scroll) // 视频全屏,scroll-view会滚动到顶部,退出全屏时需要重新设置scrollTop setTimeout(() => { Taro.pageScrollTo({ scrollTop: scroll, duration: 0, }) setScrollTop(scroll) setTimeout(() => { videoControlStore.setIsFullScreen(false) }, 200) }, 100) }, }) } else { wx.setPageOrientation({ orientation: 'landscape' }) videoControlStore.setIsFullScreen(true) } }} id={videoId} src={item.video!} poster={item.cover} direction={90} ></VideoCard>
官方已经在修复了吧。。。
这个只能耐心等