MonikaChen
MonikaChen
  • 发布:2020-12-16 18:29
  • 更新:2020-12-17 11:38
  • 阅读:1307

【报Bug】如果页面比较长,往下拉播放视频,点击全屏播放,退出全屏时,页面会滑倒顶部

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Win10

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

浏览器平台: Chrome

浏览器版本: Win PC版本Chrome

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://static-b1ebbd3c-ca49-405b-957b-effe60782276.bspapp.com/pages/bugs/bug1

示例代码:
<template>  
    <view>  
        <view style="padding: 15px;">  
            <view style="text-align: center;">  
                <view>  
                    Bug:如果页面比较长,往下拉播放视频,点击全屏播放,退出全屏时,页面会滑倒顶部。这对长页面浏览体验很不友好,用户想继续往下浏览时,需要重新从最顶部往下拉。请拉倒底部播放视频:  
                </view>  
                <view style="padding-top: 20px"><image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/cdad534f-9ddc-498a-b655-867bf53d1782.jpeg" mode="aspectFit" style="width: 100%; max-width: 512px;"></image></view>  
                <view style="padding-top: 20px"><image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/676f064f-b37e-4c1e-9c54-d67d52ab80a1.jpeg" mode="aspectFit" style="width: 100%; max-width: 512px;"></image></view>  
                <view style="padding-top: 20px"><image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/272e1b61-00bd-496a-b44c-dbd536827eb2.jpeg" mode="aspectFit" style="width: 100%; max-width: 512px;"></image></view>  
                <view style="padding-top: 20px"><image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/069aca5c-bd87-441f-a0d5-27541d2b7529.jpg" mode="aspectFit" style="width: 100%; max-width: 512px;"></image></view>  
                <view style="padding-top: 20px"><image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/2644e0ae-ca97-4e54-8cec-1f5c8cc35ec4.jpg" mode="aspectFit" style="width: 100%; max-width: 512px;"></image></view>  
                <view style="padding-top: 20px">  
                    点击播放以下视频,全屏播放,然后退出全屏,页面会自动回到顶部  
                </view>  
                <view style="padding-top: 20px"><video src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/2b48ec63-994e-42bd-8759-469659b12a57.mp4" controls></video></view>  
            </view>  
        </view>  
    </view>  
</template>

操作步骤:

预期结果:

退出视频全屏,保持在原来的页面位置,不要回到顶部

实际结果:

bug描述:

2020-12-16 18:29 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

临时解决方案:最外层套一个scroll-view,写个高height
问题已记录后续会优化,已加分,感谢您的反馈!

该问题目前已经被锁定, 无法添加新回复