扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本篇内容主要讲解“怎么使用slip js”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么使用slip js”吧!
slip是一个移动滑屏web框架，改库大小5.75K，非常轻量，兼容ios5+、android2.3+系统，其滑屏功能，响应灵敏。
slip.js调用
varcontainer=document.getElementById('container');
varpages=document.querySelectorAll('.page');
varslip=Slip(container,'y').webapp(pages);
Slip：暴露到全局的方法，只要你引入slip.js，就可以得到这个实用牛逼的方法。
container:被滑动的容器，里面是每个滑动页面。
'y':页面滑动的方向，你也可以传入'x'。
webapp:设置页面展现为全屏滑动页面的方法。
pages:页面元素列表。
slip框架的页面样式
slip框架的页面样式需要自定义，不过这里我简单写好了~
(如果你不使用框架，推荐用transform:translate(X,Y)的写法，首先transform:translate可设计高性能动画，其次兼容android2.3+的系统，transform:translateY不兼容android2.3的系统)
兼容ios5+、android2.3+系统，其滑屏功能，响应灵敏~如果你只需要设计简单的滑屏效果，可考虑它~
到此，相信大家对“怎么使用slip js”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网