最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

vue单页面在iOS微信浏览器中弹出底部栏导致的样式问题

业界 admin 12浏览 0评论

只需要在app.vue的mounted里面添加如下代码即可解决这个问题

 mounted() {
   
    const u = navigator.userAgent
    const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
    if (isiOS) {
   
      window.history.pushState({
   }, 'title', '#')
    }
  },

这里顺便说一下在ios页面下出现了无法滚动的Bug,可以尝试使用以下方式解决,
例如,这个warpper是产生滚动条的地方

<template>
  <div class="home footer-bar">
    <!-- 头部搜索 -->
    <search />
    <div class="wrapper"><

只需要在app.vue的mounted里面添加如下代码即可解决这个问题

 mounted() {
   
    const u = navigator.userAgent
    const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
    if (isiOS) {
   
      window.history.pushState({
   }, 'title', '#')
    }
  },

这里顺便说一下在ios页面下出现了无法滚动的Bug,可以尝试使用以下方式解决,
例如,这个warpper是产生滚动条的地方

<template>
  <div class="home footer-bar">
    <!-- 头部搜索 -->
    <search />
    <div class="wrapper"><
发布评论

评论列表 (0)

  1. 暂无评论