微信小程序-粘性组件
创始人
2024-11-19 07:09:08
0次
再次完善：将区域设置为粘性时，会脱离原有文档，使得出现下方页面突然遮盖一部分，不平滑
解决：给出一个新的空白区域，宽高与粘性区域一致，wx:if 控制其显示
/****************/
后续补充：在真机上测试后发现过渡不是很平滑，甚至会出现显示错误，我想原因可能是出现在滚动监听距离的延时上，可以考虑其他方法
/****************/
实现原理：
粘性组件的本质是 position:fixed; top:100px
监听滚动条，当滚到到对应位置时修改样式
if(event.scrollTop >= 500){ // 粘性组件启动 this.setData({ isSticky: true }) }else { this.setData({ isSticky: false }) }布局：以一个view包裹需要粘住的内容
{isSticky ? 'fixed-css' : ''}}" style="width: 100%; top: {{isSticky ? navBarHeight : ''}}px;"> 由于navigation是自定义的，且导航栏高度是动态计算的，所以top写在内联样式中
样式：
.fixed-css { position: fixed; background-color: rgb(242, 245, 250); }给一个背景色，实现遮挡效果
不足之处：监听滚动位置是固定值
相关内容
热门资讯
wpk发牌逻辑!wpk微扑克真...
wpk发牌逻辑!wpk微扑克真的有挂吗(透视)外挂透视辅助代打(原来是有挂)科技教程也叫必备教程，这...
wpk俱乐部!wpk俱乐部有没...
wpk俱乐部!wpk俱乐部有没有外挂(透视)外挂透视挂辅助代打(原本是有挂)；亲真的是有正版授权，小...
wpk ai辅助!wpk数据透...
wpk ai辅助!wpk数据透视(透视)外挂透视辅助安装(本来是有挂)准备好在ia的高塔上攀登，扮演...
wpk透明挂!wpk代打是真的...
1、wpk透明挂!wpk代打是真的吗(透视)外挂透视辅助插件(竟然是有挂)；详细教程。2、透视辅助简...
wpk辅助挂!wpk辅助挂(透...
这是一款非常优秀的 ia辅助检测软件，能够让你了解到中牌率当中全部隐藏参数，与同类被系统制裁软件相比...
wpk透视辅助!wpk微扑克俱...
wpk透视辅助!wpk微扑克俱乐部(透视)外挂透视辅助器(本来存在有挂)准备好在 ia的高塔上攀登，...
wpk德州透视辅助!wpk真的...
wpk德州透视辅助!wpk真的太假了(透视)外挂透明挂辅助代打(一直是真的有挂)这是由厦门游乐互动科...
wpk德州透视辅助!wpk胜率...
自定义系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分享给你好...
wpk辅助挂!德州wpk有外挂...
1、wpk辅助挂!德州wpk有外挂吗(透视)外挂透明挂辅助软件(总是是真的有挂)；详细教程。2、透视...
wpk发牌逻辑!wpk专用辅助...
wpk发牌逻辑!wpk专用辅助程序(透视)外挂透视挂辅助软件(原本是有挂)；原来确实真的有挂（需添加...