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

时间 2019-11-13

标签如何屏蔽 ios 微信底部横条栏目 iOS 繁體版

原文原文链接

iOS 版微信在打开 H5 页面时，若是发生页面跳转，底部会出现一个工具条以实现前进、返回操做。javascript

若是须要保留该工具条，则必须修改样式，预留出工具条的高度或使用 js 动态控制。html

若是不想显示工具条，则需调整页面中的跳转操做，使用 window.location.replace() 替代 a 连接。java

具体步骤以下：微信

页面连接部分工具

<a class="newpage" onclick="javascript:;" href-str="page1.html">新页面1
 </a>
 <a class="newpage" onclick="javascript:;" href-str="page12.html">新页面2
 </a>
 ...

全局 js 部分this

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