如何屏蔽iOS版微信的底部小橫條

iOS 版微信在打開 H5 頁面時,若是發生頁面跳轉,底部會出現一個工具條以實現前進、返回操做。javascript

  • 若是須要保留該工具條,則必須修改樣式,預留出工具條的高度或使用 js 動態控制。html

  • 若是不想顯示工具條,則需調整頁面中的跳轉操做,使用 window.location.replace() 替代 a 連接。java

具體步驟以下:微信

  1. 頁面連接部分工具

    <a class="newpage" onclick="javascript:;" href-str="page1.html">新頁面1
     </a>
     <a class="newpage" onclick="javascript:;" href-str="page12.html">新頁面2
     </a>
     ...
  2. 全局 js 部分this

    // 此處以 jQuery 代碼爲例
    $(function () {
        $('.newpage').on('click', function (event) {
            window.location.replace($(this).attr('href-str'));
        });
    });
相關文章
相關標籤/搜索