小程序 WXS响应事件(滚动菜单栏tab吸顶)

本文介绍如何解决小程序页面滚动时菜单栏tab触顶吸顶的问题。通过对比传统的页面滚动事件处理方法(在安卓端性能不佳)与使用WXS响应事件的方式,详细阐述WXS方案的优势。同时,提醒在使用scroll-view组件时要注意设置100%高度以及处理上拉下拉加载事件,并建议查阅官方文档以获取更多信息。
摘要由CSDN通过智能技术生成

小程序 WXS响应事件(滚动菜单栏tab吸顶)

解决问题:
小程序页面滚动,tab触顶吸顶

解决办法:
1)页面滚动事件中监听处理(不推荐)
缺点:在安卓端性能非常差,吸顶效果反应迟钝,不流畅等问题。

2)WXS响应事件(推荐)

index.WXML
<wxs module="test" src="./test.wxs"></wxs> // 引入wxs

// 页面滚动组件
<scroll-view
	bindscroll="{
    {test.funcA}}"
	data-top-height="{
    {530}}" 
	style='height:100%;'
	scroll-y
	scroll-with-animation="true">
    
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值