昆明建站派旨在为互联网中小企业创造实际价值!

 

mui基于原生js返回顶部的加强实现运用

时间:2019-07-03浏览:98昆明建站派

mui号称接近原生app的手机端应用框架,是制作webapp不错UI框架,当然稍加改造,拿来开发手机端网页也一下子高大上哦。


由于没有详细阅读开发文档,在实现一个项目的返回顶部功能时采用了原生js的写法,因为mui就是基于原生javascript开发,并且组件众多,移动端基本上的功能都已经实现,所以再去引入一个什么zepto可能就显得有点多余,不过原生js返回顶部略显僵硬,少了一点动画效果。


开始我用原生写法:


mui基于原生js返回顶部的加强实现运用


也很简单,不过就是少了一点动画效果,后面发现mui将scrollTo()进行了加强,该方法是对window.scrollTo()方法在手机端的增强实现,可设定滚动动画时间及滚动结束后的回调函数。鉴于手机屏幕大小,该方法仅可实现屏幕纵向滚动。


mui基于原生js返回顶部的加强实现运用


于是乎,我这个返回顶部的js就可以达到像PC端jquery一样的效果了,简单封装即可:


mui基于原生js返回顶部的加强实现运用


忙于项目开发,顺带记录一下,时间仓促,难免错漏之处,还请见谅!

昆明建站派以专业严谨的态度承接网站制作,以热情诚信的态度服务客户,我们专业提供商城网站建设、营销型网站建设、手机网站建设、按需定制网站开发、网站优化、营销策划等基于互联网的服务。

 

经典案例

Classic Case

鲜花电商订单管理系统定制版

鲜花电商订单管理系统定制版

花相伴鲜花店

花相伴鲜花店

花仙网

花仙网

花仙鲜花店

花仙鲜花店

 
最近更新
热门文章
  • 服务热线:15969463961
  • 咨询邮箱:806920018@qq.com
  • 项目经理:黄先生