虽然小程序中有大把的自定义sticky
组件可用,原理无非是监听页面滚动改变position
来实现,实际体验上卡顿感难以避免,跟原生的position: sticky
比还是有很大距离。
最近写的页面已经开始逐渐用上原生position: sticky
,在测试中发现IOS
真机下,某些场景的sticky
会失效,花了点时间研究,得出来以下结论:
IOS
必须加上position: -webkit-sticky;
IOS
下sticky
的元素必须与占位元素在同一个作用域
下面,才生效sticky
有效page.wxml
<view style="height: 100px">title</view>
<view style="position: -webkit-sticky; position: sticky; top: 40px">sticky</view>
<view style="height: 200vh"></view>
sticky
定义在组件内,占位元素在页面里,安卓及模拟器有效,IOS真机无效components.wxml
<view style="position: -webkit-sticky; position: sticky; top: 40px">sticky</view>
page.wxml
<view style="height: 100px">title</view>
<components/>
<view style="height: 200vh"></view>
sticky
定义在组件内,占位元素在组件插槽内,有效components.wxml
<view style="position: -webkit-sticky; position: sticky; top: 40px">sticky</view>
<slot/>
page.wxml
<view style="height: 100px">title</view>
<components>
<view style="height: 200vh"></view>
</components>
第二个真的是神坑,还好可以通过第三个办法解决
idea官方推送了2020.2.4版本的更新,那么大家最关心的问题来了,之前激活idea202...
问题:我们在做flex的开发中,如果用到别人搭建好的框架,而别人的server名称往...
本文实例讲述了AJAX+Servlet实现的数据处理显示功能。分享给大家供大家参考,具...
来源:DeepenStudy 漏洞文件:js.asp % Dimoblog setoblog=newclass_sys oblog.a...
本文转载自微信公众号「SQL数据库」,作者丶平凡世界 。转载本文请联系开发公众...
大家好,我是狂聊君。 今天来聊一聊 Mysql 缓存池原理。 提纲附上,话不多说,直...
CKeditor,以前叫FCKeditor,已经使用过好多年了,功能自然没的说。最近升级到3....
前言 项目开发中不管是前台还是后台都会遇到烦人的null,数据库表中字段允许空值...
本文转载自微信公众号「SH的全栈笔记」,作者SH。转载本文请联系SH的全栈笔记公...
在Flash Player 10.1及以上版本中,adobe新增了全局错误处理程序UncaughtErrorEv...