苹果手机用微信内置浏览器访问页面,如果出现微信底部工具栏遮挡页面的情况

苹果手机用微信内置浏览器访问页面,如果出现底部工具栏遮挡页面的情况,可以用这串代码解决:

    pushHistory();
    
    function pushHistory() {
      var state1 = {
        title: "title",
        url: "#"
      };
      window.history.pushState(state1, "title", "#");
    }

原因是页面获取高度的时候,这个工具栏条条没有出现,将这串代码放在页面获取高度之前执行就行啦,(例如放在最顶部的js)这样工具栏出现后页面才会获取高度。

你可能感兴趣的:(技术随笔)