5***@qq.com
5***@qq.com
  • 发布:2024-12-09 23:01
  • 更新:2024-12-10 11:30
  • 阅读:96

uniapp项目,为什么h5发行后,页面内左右滑动会造成页面前进后退?

分类:uni-app

没有发行时,在手机上进行测试的时候是正常的。我的是红米手机,正常情况下是在手机左边框处右滑会返回上一页。
但是当用发行后的网址打开时,在页面的中心处右滑也会返回上一页。而且一旦你在页面中心处右滑返回上一页后,上一页中的swiper组件你就没法再通过左滑右滑来切换了,通通变成了页面的切换。

2024-12-09 23:01 负责人:DCloud_UNI_OttoJi 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

请提供一个空白项目说明你的问题,并说明 vue 和 HBuilderX 依赖版本,看描述是 web 平台上有这个问题吗?提供更多信息,有助于定位和解答你的问题。

  • 5***@qq.com (作者)

    已上传了空白项目。vue3,HBuilderX 4.36。 当把项目发行后,得到 https://static-mp-2fdaf7fb-1197-4118-a1c1-41e5c3aad89e.next.bspapp.com/web/index.html#/ 这么一个网址。 我通过电脑端微信的传输助手将网址传输到手机上,默认点击后是用微信浏览器打开的,显示和操作一切正常。

    但如果我复制网址,放到我手机自带的小米浏览器里打开的话,此时首页滑动轮播图是正常的,当我点击按钮进入详情页后,在详情页的页面中间也可以右滑返回上一页,返回到首页后再去左滑轮播图就会进入到详情页,如果是右滑就会退出应用。


    如果复制网址放到百度浏览器里打开,那更不得了,进入详情页后右滑都不会返回上一页,直接退出应用。不管是右滑还是点击浏览器的上一页箭头,统统都会退出应用。

    2024-12-10 13:44

要回复问题请先登录注册