产品要求做个吸顶效果。ok做。
没想到这个在普通前端里很简单的事情到小程序里就这么费劲。哎，说说心路历程。
首先想到的当然是scroll-view的bindscroll了，监听一下scroll Top到一定高度就改变css样式为fixed。嗯，没毛病。
结果安卓各种卡，甚至ios也卡。
ok，换成onPageScroll，嗯也卡。
找原因，发现是setData耗时太久，小程序里官网文档里写了，页面渲染是在setData执行完之后。也就是说页面渲染是异步的。这就麻烦了，因为不管使用什么事件，最后都需要setData。
既然绕不开setData，那就想办法用css的方式解决。嗯，用position: sticky;
哈哈，css总不会再卡了吧。嗯实测果然不卡，但是特么兼容性太差。很多设备都不支持。哎，css也pass了。
实在没办法了，跟产品商量了下。改吸顶为吊顶了。。
办法是：本来下面的tap要吸顶的。现在不让它吸顶了，然后在顶部的上面，超出浏览器部分再写一个tap。当tap向上滑动到超出浏览器时，让顶部的tap滑动下来。做了一个伪吸顶效果。
产品要求做个吸顶效果。ok做。没想到这个在普通前端里很简单的事情到小程序里就这么费劲。哎，说说心路历程。首先想到的...
目录 1.卡顿简介 2.检测Jank：介绍监测卡顿的方法 3.修复卡顿问题：介绍如何修复卡顿问题； 4.卡顿通常的...
1.应用卡顿原理分析 卡顿问题的表现启动卡顿：启动白屏和启动动画卡顿运行卡顿：点击相应慢，列表滑动卡，动画卡顿 原...
本次初步讨论两个问题： Native 卡顿 网页卡顿 Native卡顿 iOS客户端卡顿已经是老生常谈的问题了，解...
01.吸顶条 02.自动播放选项卡 03.jQuery 01.吸顶条 可以直接获取到div的宽度和高度，而且是不带...
使用第三方：刷新： 状态栏：StatusBarHeightView AppBarLayout得behavior(C...
前言 我们经常会遇到卡顿问题 而且卡顿问题往往很难解决与复现 非常的依赖卡顿现场 所以我们来深入分析一下卡顿优化 ...
希望本文可以带给大家一个相对全局的视角看待卡顿问题，认识到卡顿是什么、卡顿的成因、卡顿的分类、卡顿的优化和一些经验...
stickyhttps://developers.weixin.qq.com/community/develop/...
wenstrom官网 ： http://www.jetbrains.com/webstorm/webstorm强大...
本文标题：吸顶卡顿问题
本文链接：https://www.haomeiwen.com/subject/allyfqtx.html
网友评论