微信小程序--分类选择区域滚动到顶部时固定

最新推荐文章于 2024-09-14 10:03:01 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2024-09-14 10:03:01 发布

阅读量1.2k

点赞数

分类专栏：微信小程序文章标签：小程序区域滚动到顶部时固定区域滚动到顶部时固定滚动到顶部时固定

本文链接：https://blog.csdn.net/qq_41241504/article/details/106802012

版权

本文介绍了如何在微信小程序中实现当分类选择区域滚动到顶部时固定的效果。利用scroll-view组件的bindscroll事件，监听滚动条位置，并据此动态调整元素的class，从而达到所需功能。

摘要由CSDN通过智能技术生成

实现思路：根据小程序自带的组件scroll-view自带有属性bindscroll（滚动时触发）。通过这个属性获取浏览器滚动条距离顶部的位置，通过这个位置判断class类的显示就可以了

效果：

<scroll-view style="width:100%;height: 100%;" scroll-y="true" bindscroll="scrollTopFun">
	<view class="top_tab_bo">
		<scroll-view scroll-x="true" class="{
  {top>600 ? 'topnav' : ''}}">
        <--这里写大于600，表示距离顶部600rpx时固定，可根据需要修改-->
			<view class="flexRow tab_bo">
				<block wx:for="{
  {lay_list}}">
					<view class="tab" bindtap="lay_tab" data-inde