微信小程序-粘性组件
创始人
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); }给一个背景色，实现遮挡效果
不足之处：监听滚动位置是固定值
相关内容
热门资讯
细节透视！aapoker辅助插...
细节透视！aapoker辅助插件工具，德州局HHpoker透视脚本（附开挂辅助软件）;是一款可以让一...
科技开挂“功夫川嘛辅助器”附辅...
科技开挂“功夫川嘛辅助器”附辅助开挂平台（实测教程有挂实锤）；无需打开直接搜索打开薇:1367043...
关于透视！pokermaste...
关于透视！pokermaster脚本，wpk俱乐部辅助器（附开挂辅助软件）;wpk俱乐部辅助器AI智...
科技开挂“微信小程序雀神广东智...
科技开挂“微信小程序雀神广东智能辅助”附辅助开挂脚本（一分钟了解有挂详细）微信小程序雀神广东智能辅助...
详细透视！福建大菠萝万能辅助器...
详细透视！福建大菠萝万能辅助器，德州私人局脚本（附辅助开挂下载）；福建大菠萝万能辅助器中的10万兆豆...
科技开挂“山西扣点点辅助工具免...
科技开挂“山西扣点点辅助工具免费”附辅助开挂插件（传递经验有挂分析）>>您好：软件加13670430...
推荐透视！约局吧德州透视，we...
推荐透视！约局吧德州透视，wepoker亲友圈有用吗（附辅助开挂软件）;1、不需要AI权限，帮助你快...
实测辅助“椰岛常胜游戏辅助”附...
实测辅助“椰岛常胜游戏辅助”附开挂辅助下载（实测发现有挂实锤）；无需打开直接搜索微信（1367043...
曝光透视！wepoker能不能...
曝光透视！wepoker能不能透视，拱趴大菠萝挂（附开挂辅助平台）；wepoker能不能透视中的10...
细节开挂“多乐跑的快脚本”附辅...
多乐跑的快脚本是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我微信...