av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

iOS新版微信底部返回橫條問題的解決

瀏覽:143日期:2022-06-03 13:32:25

之前沒有怎么接觸過微信開發,只是對H5比較熟。最近維護一個微信公眾號的項目,遇到了iOS端返回鍵的坑。

描述一下:

從公眾號打開頁面后,底部有個返回的小橫條,恰好也擋住了頁面。這不行啊,得解決。

頁面的高度是調用 $(window).height();來獲取的,但道理來講應該沒什么問題。第一個反應是,要不判斷一下設備,如果是iOS則給添加一個高度?這個想法還沒實行呢,就發現了一個現象。第一次進來的時候是擋著的,但是刷新一下就不擋了。然后就想著要不判斷第一次進來給個刷新?

然后落實了,改代碼。的確沒有問題,進來之后會判斷是否第一次,如果是第一次則刷新頁面。刷新之后頁面高度顯示正常。

但是在頁面加載后刷新,會有很明顯的跳轉,也耗資源。不是最好的解決方式。然后繼續整改。

最后還是得從源頭出發,找到為什么會有底部的小橫條。

一般的,如果是第一個界面,是沒有底部橫條的。當頁面發生跳轉后,會有底部小橫條。

然后我就在頁面中找跳轉,最后發現,有幾行代碼是給當前添加歷史記錄的!

代碼如下:

function(){ pushHistory(); window.addEventListener('popstate', function(e) { WeixinJSBridge.invoke(’closeWindow’,{},function(res){ }); }, false); function pushHistory() { var state = { title: 'title', url: '#' }; window.history.pushState(state, 'title', '#'); } }

分析一下代碼,這里其實就是 添加一個歷史記錄,有了歷史記錄,微信的小橫條就會出來,Android的返回鍵就可以監聽到。然后這里修改了返回事件,當點擊返回時觸發關閉當前頁面。

我覺得這個代碼應該是微信公眾號開發里面比較常用的一種方式。在以前的話,也沒什么問題,可以返回關閉頁面,比較方便。但是升級之后,微信多出來底部的返回條,而頁面高度是在之前取的值,那么頁面的高度就是未加橫條的高度,橫條出現后自然會遮擋住頁面內容。

解決方式也很簡單,把這段代碼 提前,提前到獲取高度之前,這樣的話先有了橫條,再有高度,則高度剛剛好是中間部分,這樣就不會有遮擋問題

到此這篇關于iOS新版微信底部返回橫條問題的解決的文章就介紹到這了,更多相關iOS 微信底部返回橫條 內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: 微信
相關文章:
主站蜘蛛池模板: 欧美亚洲国产一区二区三区 | 欧美精品久久 | 韩三级在线观看 | 97精品一区二区 | 性做久久久久久免费观看欧美 | 成人一区二区视频 | 欧美日韩在线一区 | 波多野结衣亚洲 | 亚洲第一成人影院 | 日韩成人av在线播放 | 国产精品毛片一区二区在线看 | 国产精品视频免费观看 | 久久久久国产精品 | 午夜免费成人 | 97国产一区二区 | 日韩黄色小视频 | 久久久久久精 | 99亚洲精品 | 男女深夜网站 | 成人av一区二区亚洲精 | 亚洲一区在线观看视频 | 酒色成人网 | 国产精品欧美日韩 | 国产三级一区二区三区 | 亚洲a网| 激情一区二区三区 | 国产精品一区一区三区 | 亚洲一区二区三区在线播放 | 欧美日韩亚洲一区 | 九色在线观看 | 欧美一区二区在线播放 | 青青久视频 | 精品国产一区二区三区性色av | 一区二区不卡高清 | 欧美一级免费 | 国产午夜av片 | 狠狠插天天干 | 欧美一二三四成人免费视频 | 亚洲在线免费 | 成人欧美在线 | 国产精品一级在线观看 |