HTML5技术

微信小程序开发日记——高仿知乎日报(上) - iyifei(5)

字号+ 作者:H5之家 来源:H5之家 2017-01-04 08:02 我要评论( )

侧栏弹出的时候,遮罩的css属性display设置为block显示,侧栏通过css动画transform来想右侧移动了100%的宽度translateX(100%),侧栏收回时,动画恰好与弹出的相反,其实这些动画最后都会翻译为css3动画属性,这些AP

侧栏弹出的时候,遮罩的css属性display设置为block显示,侧栏通过css动画transform来想右侧移动了100%的宽度translateX(100%),侧栏收回时,动画恰好与弹出的相反,其实这些动画最后都会翻译为css3动画属性,这些API只是css3动画的封装。为了点击遮罩收回侧栏,遮罩的tap事件也要绑定slideCloseEvent

//浮动球点击 侧栏展开 ballClickEvent: function() { slideUp.call( this ); }, //遮罩点击 侧栏关闭 slideCloseEvent: function() { slideDown.call( this ); } 效果图

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 如何为你的微信小程序体积瘦身? - 腾讯攻城师lee

    如何为你的微信小程序体积瘦身? - 腾讯攻城师lee

    2017-01-03 13:00

  • 体验报告:微信小程序在安卓机和苹果机上的区别 - 腾讯攻城师lee

    体验报告:微信小程序在安卓机和苹果机上的区别 - 腾讯攻城师lee

    2017-01-01 11:02

  • 微信小程序体验(1):携程酒店机票火车票 - 腾讯攻城师lee

    微信小程序体验(1):携程酒店机票火车票 - 腾讯攻城师lee

    2017-01-01 11:00

  • 张小龙宣布微信小程序1月9日发布,并回答了大家最关心的8个问题 - 腾讯攻城师lee

    张小龙宣布微信小程序1月9日发布,并回答了大家最关心的8个问题 - 腾

    2016-12-29 16:02

网友点评