Taro 返回当前页面的可用高度

返回系统高度，默认去掉小程序的tarbar与自带导航条

import Taro from '@tarojs/taro'const NAVIGATOR_HEIGHT = 44
const TAB_BAR_HEIGHT = 50/*** 返回屏幕可用高度* // NOTE 各端返回的 windowHeight 不一定是最终可用高度（例如可能没减去 statusBar 的高度），需二次计算* @param {*} showTabBar*/
export function getWindowHeight(showTabBar = true) {const info = Taro.getSystemInfoSync()const { windowHeight, statusBarHeight, titleBarHeight } = infoconst tabBarHeight = showTabBar ? TAB_BAR_HEIGHT : 0if (process.env.TARO_ENV === 'rn') {return windowHeight - statusBarHeight - NAVIGATOR_HEIGHT - tabBarHeight}if (process.env.TARO_ENV === 'h5') {return `${windowHeight - tabBarHeight}px`}if (process.env.TARO_ENV === 'alipay') {// NOTE 支付宝比较迷，windowHeight 似乎是去掉了 tabBar 高度，但无 tab 页跟 tab 页返回高度是一样的return `${windowHeight - statusBarHeight - titleBarHeight + (showTabBar ? 0 : TAB_BAR_HEIGHT)}px`}return `${windowHeight}px`
}

Taro 返回当前页面的可用高度相关推荐

[js] 获取浏览器当前页面的滚动条高度的兼容写法
[js] 获取浏览器当前页面的滚动条高度的兼容写法 document.documentElement.scrollTop || document.body.scrollTop; 个人简介我是歌谣,欢 ...
js基础--获取浏览器当前页面的滚动条高度的兼容写法
前言在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了各浏览器的写法 IE6/7/8 document.documentElement ...
后台返回整个html转换成页面链接,利用html5的history.replaceState修改当前页面的URL...
我们知道浏览器有一个history对象,用来保存浏览历史,用户可以通过点击浏览器的后退或前进按钮在历史记录中切换.之前对history的操作的API主要是前进.后退.跳转等,而在HTML5中提供了2个 ...
PHP获取当前页面的URL
2019独角兽企业重金招聘Python工程师标准>>> 使用PHP编写程序的时候,我们常常想要获取当前页面的URL.下面提供一个用于获取当前页面URL的函数以及使用方法: 示例一: ...
webbrowser1 脚本报错_c# winform程序 webBrowser 当前页面的脚本发生异常找不到成员...
c# winform程序 webBrowser 当前页面的脚本发生错误找不到成员本帖最后由 yz2653410 于 2014-01-11 21:03:25 编辑以下为页面代码 using Sys ...
微信支付：“当前页面的URL未注册”
最近在尝试着写微信支付方面的内容,今天下午的时候遇到了一个问题,也就是当前页面没有进行注册的问题. 在写好后台代码之后我在微信后台配置了测试授权目录和支付白名单,如下图所示,但是无论我如何进行测试总是 ...
android url webview,android - webview获取到当前页面的url
android - webview获取到当前页面的url 2017-10-23 08:54 访问量: 2958 分类: 技术使用 webview.getUrl() 即可. 可以完美返回 a.com ...
swf获取当前页面的路径
在AS项目中获取当前项目编译的SWF所在的服务器路径或本地路径 package {import flash.display.Sprite;public class HelloWorld ext ...
php 获取当前页面url_PHP获取URL –如何获取当前页面的完整URL
php 获取当前页面url In this PHP-focused article, we will explore how to get the URL of the current page in ...

Taro 返回当前页面的可用高度

Taro 返回当前页面的可用高度相关推荐

最新文章

热门文章