当前位置: 首页 > 网络应用技术

解决微信浏览器底部的横杆杆的兼容性解决方案

时间:2023-03-09 00:54:50 网络应用技术

  首先让我告诉本文中要解决的兼容性对象,然后讨论如何处理。首先查看以下图:

  这是使用微信浏览器在iOS系统下浏览公司的公共帐户页面时出现的错误。在iOS中,当在网页上浏览多个接口,生成路由记录后,将如上上方的箭头上方所示。向前和向后的功能栏将被隐藏在上下滚动。

  这里有两个关键点,必须出现路由记录,并且会随着上下隐藏。

  最好用滚动对待它,这更麻烦。

  再次查看图片,这是一个聊天界面,可以通过主页输入,这意味着它只有在输入此界面时才会出现,并且整个接口需要通过计算来设置中间内容区域的高度。紧密,不通过固定定位设置。

  因此,当用户输入此接口时,计算高度将不会计算给他,最终将导致界面的破损版本。

  经过仔细的测试后,有两种解决方案。一个来自互联网,这更适合大多数情况。原始链接

  该方法是在用户输入后积极插入路由记录,并触发iOS底部的底部横杆的一部分。

  但是,由于该项目是一个单个页面应用程序,如果未刷新接口,则仍然会有一个未计算底部横杆的情况。

  选项2:与要处理的项目逻辑结合使用。

  为了减少注册用户的操作并改善用户体验,在输入主页时,它将确定用户的当前微信是否已注册。如果未注册,请直接转到主页。

  因此,目前有一个跳跃动作。通过跳跃,可以生成路由记录,并且页面也刷新。