微信小程序实现侧边栏滑动特效

侧边栏滑动是很常见的功能,但是小程序出来不久,很多特效还没有成熟案例,只能原生重写,所以今天和大家说说自己在小程序开发中遇到的种种问题和解决方案~~

先看效果:

wxml:

搭建上下两层界面

写一段css3的右移动画样式 .c-state1

wxss:

点击按钮,添加样式.c-state1,

再点击,移除样式.c-state1

相对于在jaascript中切换类

js代码:

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180301A0UYA400?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券