怎么使用slipjs-创新互联

本篇内容主要讲解“怎么使用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+系统，其滑屏功能，响应灵敏~如果你只需要设计简单的滑屏效果，可考虑它~

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport">

<metacontent="yes"name="apple-mobile-web-app-capable">

<metacontent="black"name="apple-mobile-web-app-status-bar-style">

<metacontent="telephone=no"name="format-detection">

<metacontent="email=no"name="format-detection">

到此，相信大家对“怎么使用slip js”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

网页名称：怎么使用slipjs-创新互联
URL分享：https://www.cdcxhl.com/article42/pjhhc.html

成都网站建设公司_创新互联，为您提供动态网站、建站公司、网站排名、定制开发、移动网站建设、企业网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容