如何屏蔽iOS版微信的底部小横条

为什么80%的码农都做不了架构师?>>>   hot3.png

iOS 版微信在打开 H5 页面时,如果发生页面跳转,底部会出现一个工具条以实现前进、返回操作。

  • 如果需要保留该工具条,则必须修改样式,预留出工具条的高度或使用 js 动态控制。

  • 如果不想显示工具条,则需调整页面中的跳转操作,使用 window.location.replace() 替代 a 链接。

具体步骤如下:

  1. 页面链接部分

    新页面1
     
     新页面2
     
     ...
    
  2. 全局 js 部分

    // 此处以 jQuery 代码为例
    $(function () {
        $('.newpage').on('click', function (event) {
            window.location.replace($(this).attr('href-str'));
        });
    });
    

转载于:https://my.oschina.net/antsky/blog/2990037

你可能感兴趣的:(如何屏蔽iOS版微信的底部小横条)