小程序自定义导航栏布局跳动问题
2490关注7823浏览
navigationStyle="custom" 时，在小程序真机环境下页面渲染有跳动。
观察发现初次渲染时 Window 高度为有系统固定导航条的高度，大约100-300毫秒之后才变成没有固定导航条的高度，导致使用 bottom 绝对定位的元素有跳动感。
同时，由于高度变化是发生在组件 ready 事件之后，导致使用 SelectorQuery 测量元素位置和尺寸可能不准确，目前只能使用延迟几百毫秒后再调用 SelectorQuery ，但是，这个高度变化的延迟时间并不可预测，一些情况下延迟 500 毫秒还会出现问题，增加延迟时间又会影响体验。
我不知道框架开发者使用了什么黑科技，当我使用远程调试时这个问题就消失了。
- 希望提供的能力
navigationStyle="custom" 时，页面初始高度就是整个 Window 的高度，如果没法解决，希望把高度变化放到 ready 事件之前，或者增加一个页面高度变更事件。
备注：我使用 Component 构造器来作为页面，而不是 Page 。
展开全部
收起
1回答
分享
-
至过去的我
2044人对此回答表示赞同
我是未来的你，你现在是不是在年找寻小程序答案。你不要感觉诧异，给你来信原因，就是让你不在后悔。今天去学习如何推广小程序，相信......点击查看更多> -
Emilia
15人对此回答表示赞同
我也遇到了这个问题，是自定义了底部导航栏和顶部标题栏，我的一个不完美的解决方案是给底部导航栏（也就是bottom定位的元素）加了一个向上滑出的过渡效果。我觉得最好的解决办法还是系统级的修复这个问题。
展开151回复分享发布于 5年前评论（1）
收起评论
相关问题
热门问题
小程序功能
氨吹脱塔设计小程序
按钮微信小程序怎么改变大小
安卓音乐小程序
applet小程序要下载吗
安卓模拟器不能玩小程序
暗礁的小程序
安卓转微信小程序开发
安卓音乐播放小程序
按座号提问小程序
阿里云PTS微信小程序
鞍山微信小程序
按键抓抓抓小程序
按出10秒的小程序
安卓自动关机小程序
安卓模拟器运行小程序
按键控制一个小灯亮灭程序
不要让微信小程序占据你的社交
部署小程序3元
比赛评分小程序
不用服务器的小程序
不要乱动小程序
部署微信小程序费用
不支持微信交易的小程序有用吗
步进电机驱动小程序
步数可以兑换东西的小程序
步数兑换小程序
不要钱的小程序
步步高X空间怎么装小程序
不用会员看电视的微信小程序
把照片变成卡通头像的小程序
不需要服务器的小程序
步行记录器小程序
C#判断是否微信小程序进来
长治微信小程序公司
长治微信小程序开发
C++和好玩的小程序
长治微信小程序提供商
传图识字小程序有问题没
长治微信小程序经销商
c#程序如果保存小程序
长治小程序开发
c/c++生日快乐小程序
c小程序运行完按任意键不退出
c语言小程序回复初始
长沙小程序诈骗
长沙自媒体小程序
c#表白小程序
长治微信小程序哪家强
斗地主小程序残局41
调查问卷关于微信小程序
动画头像是什么小程序
调查问卷为微信小程序
调研的小程序
钉钉小程序开发教材
钉钉小程序
调研类小程序开发
动画头像的小程序叫什么
调查问卷小程序开发
调查微信小程序野蛮生长之下
读取小程序码参数
多抓鱼小程序
大学生必备小程序
躲石头的微信小程序
多种订餐小程序
二维小波实部程序
二维码引导小程序
恶搞小程序能在手机直接打开
二维码转化小程序码
ecshop生成小程序
二手小程序
二手交易平台小程序
二维码扫描小程序
二维码实例小程序
二维码小程序内部页面
二维离散小波去躁程序
二维码小程序码合一
二维码进入小程序
二维火微信小程序
ecshop小京东小程序
二维码预约小程序
附近找不到微信小程序
附近小程序最远距离
附近优惠券小程序
富媒体小程序
飞猫云app绑微信小程序
附近小程序主体相关
复杂门店小程序
复用小程序资质建公众号
附近小程序找不到我的
附小程序一周年生态回顾
复制后成比例缩小的程序
非个人主体小程序
富秘小程序
附近小程序只有一个地址吗
复用资质可以认证多少个小程序
阜新小程序
该小程序可能导致微信响应缓慢
跪求快递100的小程序id
公众号怎样加载小程序产品链接
国信小程序
公众号html5跳转到小程序
果蔬公众号小程序
过年发红包用哪个小程序
国外眼中的微信小程序
公众号小程序如何连接到网站
个体工商户能不能办小程序
get方式的小程序怎么写
国家政府小程序
国外对微信小程序研究现状
过年有趣的小程序
googlemap小程序
给携程好友加速需要小程序号码?
海盗来了小程序世界聊天喇叭
海盗来了小程序打字问题
h5按钮调用小程序分享
获取小程序图片到本地服务器
获取小程序码47001
海盗来了小程序帮好友挂水果
获取小程序组件的值
获取小程序二维码后面的连接
获取小程序请求数据
获取小程序页面滚动的值
获取小程序配置有误
海盗来了小程序帮好友收集水果
海盗来了小程序群
h5关联小程序
获取小程序二维码返回乱码
华为微信小程序视频无法播放
ir小程序
it120小程序
icon标签大小设置?小程序
i麦当劳微信小程序
it橘子小程序
it桔子小程序
iponex关闭小程序
i打卡小程序
i微信小程序
ipod微信不能用小程序
ireader小程序
ionic2打包微信小程序
i麦当劳小程序怎么用
isunread小程序
it之家微信小程序
i麦当劳小程序
金手指修改小程序游戏
绝地求生旅客小程序群
军棋裁判手机小程序
绝地求旅客小程序
军事新闻小程序
Java小程序按钮怎么做
军武小程序
结婚请柬小程序
绝地武士吃鸡小程序
绝地求生小程序无后座
绝地求生yy小程序
绝地求生吃鸡小程序v10
js获取小程序appid
即速小程序数据管理测试
绝地求生旅客小程序不能用了
绝地求生旅客小程序原文件
昆明小程序个人
昆明公众号广告小程序
可以靠步数领礼品的小程序
昆明有小程序被骗的吗
昆明支付宝小程序
快站有小程序吗
匡威中国官方小程序
昆明小程序团队
昆明微信小程序开发公司
阔斯小程序
宽带测速小程序
昆山小程序吧
快站微信小程序模板
昆明附近的小程序
开运抽签小程序源码
昆明分销小程序开发
旅游小程序推荐
律师宣传律师小程序怎么样
律媒科技小程序
旅游小程序要点
旅游小程序模板下载
律师小程序价格
律所小程序
律师所公众号加小程序
滤清器小程序
律师事务小程序
律师小程序收费
绿色抽奖小程序
旅游小程序适用什么
律师小程序推广效果
绿色健康食品平台小程序
旅游小程序可行性研究报告
macbook能开发小程序
慕然科技小程序
麦当劳小程序如何申请退款
麦当劳小程序怎么退单
买个小程序商城源码加部署
美团外卖小程序怎么修改电话
没有备案域名微信小程序服务器
美团小程序更换账户
慕课微信小程序下载
慕课网小程序接口请求不到
美团外卖小程序怎么改手机号
Matlab动力学矩阵小程序
麦当劳小程序退款
慕课网微信开发小程序视频
美团微信小程序绑定手机号
慕课网小程序实战
努比亚手机小程序
农业部小反刍兽疫免疫程序
农业小程序有哪些
挪车小程序苹果版
女王新款小程序pv
努比亚怎样下载小程序
诺基亚小应用程序
女生的小程序
弄一个微信小程序要些什么
女装秒杀小程序
哪款安卓模拟器支技小程序
那个安卓模拟器可以用小程序
农资小程序案例
弄一个小程序多少钱
农业银行有关小程序新闻
暖寻小程序
oppor9s怎么加小程序
oppo小程序放不了桌面
oppr9s的小程序怎么弄
oppo如何增加小程序
oppo手机窗口小程序
oppo手机怎么安装小程序
OppO怎么删微信小程序
oppor15小程序
oppor9s桌面小程序
oppor9的小程序在吗
o盟小程序
oppor9s小程序怎么弄
oppo界面时钟小程序
oppo怎么清除小程序
oppo微信小程序
oppo手机小程序位置
浦发小程序怎么签到
浦发小程序签到月底
浦发小程序怎么
浦发银行小程序找不到
普通二维码进入小程序
苹果手机使用微信小程序特别热
普定一中微信小程序
普通小程序有什么用
瀑布流小程序源文件存放位置
普通水准测量计算小程序
苹果平板还没支持微信小程序
曝光微信小程序会销被骗
拼多多小程序疯狂猜成语大全
苹果4s小程序加载不了
php即时聊天支持web微信小程序
pc版微信可以使用小程序吗?
群统计小程序授权失败
群有活动小程序
企业小程序打款多少
麒麟代驾小程序源码
群应用小程序是干什么滴
群统计小程序长按没有反应
群友小程序
群助手小程序是什么
群主如何管理群聊的微信小程序
群偷人引流小程序
群印象小程序怎么用
群微信小程序
轻音少女小程序
群组管理小程序
群影小程序
群自动回复小程序
入驻支付宝小程序
如何把美团外卖小程序加到公众号
软文中可以加小程序吗
如何获取小程序的链接
软银科技小程序
任务发布小程序
如何关闭微信里的小程序
瑞丽小程序开发
软捷科技小程序
弱网络小程序
软件改微信小程序
如何阻止微信小程序安装
瑞波币钱包小程序版本
软件工程小程序
入驻微信小程序后怎么用
软件小程序重复执行
索菲亚小程序二维码
索尼小应用程序计算器
宿迁小程序方案
索尼便签小程序
深圳通+小程序的营销技巧
索尼手机小应用程序
生成带参数的小程序二维码视频
所有微信小游戏小程序
宿迁微信小程序业务员
宿州小程序招聘
三星小程序
数字转化为字符串小程序
手机里的小程序怎样删除掉
树洞小程序
随机数字小程序下载
宿迁小程序开发公司
推文如何连接小程序商品
推荐小程序游戏
推文加小程序
推送里怎么放小程序
推荐一个小程序知乎
椭圆形印花机小程序
推销应用小程序
推文小程序怎么用
天客通微信小程序
推荐最好用的打卡小程序
tp5接受小程序用户信息
脱发秀秀小程序
title:e.detail.value小程序
推销微信小程序的话术
脱壳小程序练手
推荐小程序商店
ui设计小程序多少钱
ui小程序模板
undefined微信小程序
ubuntu下的小程序
useragent判断小程序
u盘回复小程序
unity嵌入到微信小程序
ubuntu微信小程序
u盘清理小程序
url转发能为信小程序吗
userinfo小程序
unity3d缩小程序
uno牌有小程序吗
unity导出小程序
udp可靠数据传递的小程序
unity3d安卓小程序
vs的测试小程序
vue能开发微信小程序吗
vs2017开发小程序
vue转小程序
vuex微信小程序
v信小程序连轮购
vx猜歌小程序
vs怎么创建小程序
vue小程序下载
v网小程序官方网站
vue和小程序
vue官网小程序
vue转微信小程序
vuedjango微信小程序
visual小程序c++6.0叹号
vx小程序查看密码
微信小程序美团如何修改电话号码
微信美团小程序如何换绑手机号
微信群里面有聊天小程序怎么册除
微信小程序如何刷新消息
微信小程序公众号打卡怎么换地址
微信小程序美团怎么改号码
wdcp支持小程序吗
微信小程序如何遮住tabbar
微信公众平台如何解绑小程序
微信图片上怎么加文字小程序
微信上的小程序怎么传到U盘上
微擎是用什么小程序开发的
微信小程序打卡怎么写名字
微信小程序美团怎么换绑定手机号
微信美团小程序怎么修改手机号
微信小程序美团怎么改手机号码
小程序Numbe如何输入文字
小程序上开发板怎么去掉
小程序如何连接到数据库
小程序id在哪里
小程序开发工具如何查看其它页面
小程序如何让文字截断边框
小程序怎么去除class
小程序一键接龙为什么发布不出去
小程序怎么引用其他页面的css
小程序c#比as3快吗
小程序开发版本有什么用
小程序怎么添加编译模块
小程序怎么判断字符串不等于
小程序可不可以多个域名
小程序能使用外部数据库吗
小程序APPID如何更改
谢谢，对于使用bottom定位的元素跳动还勉强能接受，但对于需要根据元素显示高度来计算的元素就没有好的办法解决，我需要在屏幕中间显示图片，高度恰好充满显示区域，宽度超出时可左右滚动，但image只提供了widthFix模式，没有heightFix模式，所以需要自己计算，如果高度不准确则显示就不正确。