小程序仿美团实现点击选中名称筛选分类，滚动吸顶匹配等功能

微信小程序版知乎首页截图项目描述界面样式设计与交互来自iOS 4.8.0版本知乎App开发工具：微信开发工具数据来源：Easy Mock 模拟数据Easy MockMock.js功能描述首页主要功能及交互搜索页面（结果页面未写详细的样式）搜索历史存储搜索历史单个删除和全部清除顶部tab切换，分别展示不同内容面板，同时tab下小黑条切换时有动画效果下拉刷新触底上拉加载点击标题进入问题的答案列表页点击回答内容进入该回答的详情页想法页面主要功能及交互滑动到顶部tab条吸顶文字超出被折叠，可点击展开点

主要介绍了微信小程序实现列表滚动头部吸顶的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行，导致了整个用户交互的动画过程会有延迟)， 所以使用wxs响应事件来实现吸顶效果。wxs响应事件基础库 2.4.4 开始支持，低版本需做兼容处理。 附上文档链接：wxs响应事件 吸顶效果 使用scroll-view组件实现滚动效果，页面和scroll-view组件的高度设成100%，当竖向滚动条大于等于导航到顶部距离时，导航变成固定定位，固定显示

本文介绍了小程序头部吸顶的实现代码示例，分享给大家，也给自己留个笔记 demo 地址: https://github.com/iotjin/Jh_weapp 效果图： 吸顶主要是 position: sticky; .header { background: rgb(230, 230, 230); height: 25px; line-height: 25px; padding-left: 30rpx; font-size: 13px; align-items: center;