移动端全屏滚动插件 zepto.fullpage.js

zepto.fullpage 是专注于移动端的 fullPage.js，依赖 Zepto。

下载地址:https://github.com/yanhaijing/zepto.fullpage

功能概述

可实现移动端的单页滚动效果，可自定义参数，提供回调接口，和公开接口。

兼容性

Ios4+

Andriod2.3+（未全部覆盖）

快速上手

HTML

</div>

CSS

父容器需是固定高度，并且溢出为隐藏，fullpage会使用父元素的宽度和高度。

.wp{

overflow: hidden;

}

js

一行代码即可完成，如此简单：

$('.wp-inner').fullpage();

注意：是在.wp-inner上调用的。

随机推荐

JS实现百叶窗效果
JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到
使用新浪获取IP所在地接口做网站跳转
使用新浪获取IP接口做网站跳转 title使用新浪获取IP接口做网站跳转/title !--引用新浪IP获取接口-- script type=text/javascript src=http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js/script !--引用新浪IP获取接口-- script type=text/javas
JS判断手机访问跳转到手机站使用百度uaredirect.js
使用了百度SIteApp提供的一个判断手机访客的js代码uaredirect.js，来实现当用户使用手机访问我们的PC站的时候自动跳转到我们的手机站。用法非常简单：第一段是引用百度的uaredirect.js，本人还是喜欢将代码保存到本地，代码量也不是很大。第二段是使用代
标题滚动效果演示
纯JS实现的标题滚动效果。代码如下：复制代码代码如下: script type=text/javascript (function(){ setInterval(function(){ text = top.document.title; top.document.title=text.substring(1,text.length)+text.substring(0,1); },500); })(); /script
input输入框默认文本点击清空，无输入显示效果
网页上用到表单的地方经常会用到这样的效果，输入框中默认的情况下会有一段引导性的文字，当用户点击输入框的时候默认的文字会被情况，当输入框失去焦点并且用户没用输入内容的时候，再次显示默认文本。本例中还添加了在不同情况下文本框中的文本颜色不同的

移动端全屏滚动插件 zepto.fullpage.js

相关文章

随机推荐