微信小程序wxs实现吸顶效果-创新互联

在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行,导致了整个用户交互的动画过程会有延迟), 所以使用wxs响应事件来实现吸顶效果。wxs响应事件基础库 2.4.4 开始支持,低版本需做兼容处理。

创新互联建站-专业网站定制、快速模板网站建设、高性价比朔城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式朔城网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖朔城地区。费用合理售后完善,十多年实体公司更值得信赖。

附上文档链接:wxs响应事件

吸顶效果

使用scroll-view组件实现滚动效果,页面和scroll-view组件的高度设成100%,当竖向滚动条大于等于导航到顶部距离时,导航变成固定定位,固定显示在顶部,反之,导航取消定位。


 

 
 
  {{item}}
 
 第{{index}}部分
 
分享名称:微信小程序wxs实现吸顶效果-创新互联
URL地址:http://bzwzjz.com/article/pejpo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设套餐 高端网站设计推广 四川成都网站设计 教育网站设计方案 网站建设费用 成都网站设计 泸州网站建设 高端品牌网站建设 成都企业网站建设公司 LED网站设计方案 成都网站制作 阿坝网站设计 高端定制网站设计 成都网站设计 手机网站制作 重庆网站设计 成都网站设计公司 成都网站建设公司 手机网站建设 自适应网站建设 网站建设公司 成都网站制作