昆明建站派旨在为互联网中小企业创造实际价值!
mui号称接近原生app的手机端应用框架,是制作webapp不错UI框架,当然稍加改造,拿来开发手机端网页也一下子高大上哦。
由于没有详细阅读开发文档,在实现一个项目的返回顶部功能时采用了原生js的写法,因为mui就是基于原生javascript开发,并且组件众多,移动端基本上的功能都已经实现,所以再去引入一个什么zepto可能就显得有点多余,不过原生js返回顶部略显僵硬,少了一点动画效果。
开始我用原生写法:
也很简单,不过就是少了一点动画效果,后面发现mui将scrollTo()进行了加强,该方法是对window.scrollTo()方法在手机端的增强实现,可设定滚动动画时间及滚动结束后的回调函数。鉴于手机屏幕大小,该方法仅可实现屏幕纵向滚动。
于是乎,我这个返回顶部的js就可以达到像PC端jquery一样的效果了,简单封装即可:
忙于项目开发,顺带记录一下,时间仓促,难免错漏之处,还请见谅!
昆明建站派以专业严谨的态度承接网站制作,以热情诚信的态度服务客户,我们专业提供商城网站建设、营销型网站建设、手机网站建设、按需定制网站开发、网站优化、营销策划等基于互联网的服务。
经典案例
Classic Case
鲜花电商订单管理系统定制版
花相伴鲜花店
花仙网
花仙鲜花店
©2012-2021 昆明建站派 system all rights reserved. 网站地图 滇ICP备15006224号
Designed By:昆明建站派为您提供昆明网站建设、商城建站、手机网站开发,专业、高端、定制。