不是传入false会没有动画效果，实际传啥都有动画效果。这。。。

我想问下怎么获取当前页面啊，就是在当前屏的时候，我想做一些其他的操作，比如把最下面的引导箭头给隐藏掉。
我是纯小白见谅。。

主要是滑动一屏时，JS是怎么添加动画，做个这种demo，让我们这些新手学习一下吧，百度的那些demo效果很不错，可惜js看不懂~~~~~

例如我有一个弹出框，弹出框里面有很长的内容，我设置了max-height，并且overflow:scroll，但是滚动不了。同样的代码，不用这个框架就可以滚动了。是这个框架监听了相关事件的原因吗？有什么解决方法吗？

报告我发现了一个新的库

• H5FullscreenPage
• fullpage
• zepto-onepage-scroll
• swiper

例如我有3个pages, 每页都设置成height: 100vh. 通过pullpage之后, 实际高度 大概是2倍的100vh, 不知道能否解决?

我目前的需求是 同时有水平和垂直的

H(0)    H(1)    H(2)
           V(1)
           V(2)
           V(3)

但是具体实现过程中, 我是这样做的, 顺序运行
$('.wp-inner-vertical').fullpage();
$('.wp-inner-horizontal').fullpage({dir: 'h'});

我发现是有问题的:

• zepto.fullpage 是单例模式, 所以, 第二个Fullpage并不会实例化.
  我的临时解决方案是:
  去掉单例模式

    $.fn.fullpage = function(option) {
        var fullpage = new Fullpage($(this), option);
        return fullpage;
    };

• 由于 复合以后 垂直fullpage的page计数会有问题(因为会受水平fullpage的影响), 导致到最后一页了还可以垂直向下滑.
  我的临时解决方案是, init方法中的find改为children, 这样只找子节点的.page :

    function init(option) {
        ...
        that.$pages = that.$this.children(o.page).addClass('fullPage-page fullPage-dir-' + o.dir);
        ...
    }

执行以下操作后插件失效？？？？？？？？？？？？？
1、隐藏wrap；
2、JS往wp-inner容器中追加内容，如下：

3、显示wrap，并执行

我 git clone项目到本地后，直接在chrome浏览器打开basic.html，发现在chrome的手机模拟器里模拟向上滑动没效果，但是console控制台也没有报错，我设置了断点发现js也有执行。

运行环境：
OSX: 10.9.5
Chrome: 42.0.2311.152（64-bit）
项目版本: zepto.fullpage.js v0.3.1

另外，我在windows下git clone项目直接打开basic.html，发现在chrome的手机模拟器里模拟向上滑动正常。

现在的zepto.fullpage不支持超出内容出滚动条啊，这个可以加进去吗，期待您的回复

我叫小马

是为了阻止冒泡么？这样导致页面里的锚点标签无法跳转了。。:)

http://weibo.com/1649383554/Cgqjm0WmI
请问 fullPage 做的引导页然后再转入正常的 responsive 网站页面这种需求（就和平常开 App 有个介绍页一样）应该怎么做？

在iphone6，iphone6+下，双击屏幕偏下方页面会往下偏移一段距离，然后在屏幕偏上方位置双击可以恢复回来。没想明白其触发的机理，在touchend事件监听函数中添加以下注释代码可以修复该问题

$this.on('touchend', function(e) {
                if (!that.status) {return 1;}
                //e.preventDefault();
                if (that.movingFlag) {
                    return 0;
                }

                var sub = that.o.dir === 'v' ? (e.changedTouches[0].pageY - that.startY)/that.height : (e.changedTouches[0].pageX - that.startX)/that.width;
                var der = (sub > that.o.der || sub < -that.o.der) ? sub > 0 ? -1 : 1 : 0;

                // iphone在屏幕下方双击时会发生往下偏移，这里禁止
                if (der == 0) return e.preventDefault();

                that.moveTo(that.curIndex + der, true);
            });

能修改好的话就完美了。

由于用到fullpage的项目一般都大几百KB以上，特别是图片很多，这个时候，就需要进行前端资源预加载，然后再显示fullpage。流程如下：

1.打开页面首先出现loading页面，然后进行各种资源预加载
2.当资源加载完毕之后 ，初始化fullpage
3.loading页面消失 显示fullpage。问题就在这里，loading页面不能直接消失，fullpage也不能直接出现，这样会吓到用户的，必须给二者增加一个动画过渡（其实就是loading页面平滑消失，fullpage平滑显示）。当二者的动画都执行完毕，发现第一屏已经增加了.cur这个类，旗下动画早已执行完毕，而我需要的是，当二者的过渡动画执行完毕后，再给第一屏增加.cur这个类 ，这样的话 用户就能看到第一屏的动画

说了一堆：需求就是，增加一个fullpage 首次显示时的延时，这个延时只会运行一次。

报告我发现了一款新的工具

• 爆米兔移动营销平台
• 数说 · Legend(度厂内部)

百度知道不能滚动；百度经验的文字图片拉伸的简直不能看；还有这个和www.dowebok.com/77.html这个有关系吗

欢迎大家反馈，我先来个demo（下面这些链接都失效了，可以继续查看其他人的回复）：

百度知道：

• 百度知道：已解决问题量破四亿：你不知道的百度知道
• 百度知道：十周年·大事记
• 百度知道：十周年用户
• 百度知道：百度知道APP5.0，不止于知识
• 百度知道：知道行家虚位以待
• 百度知道：回到童年的端午节
• 百度知道：《知道日报》招募作者
• 百度知道：校园大使招募

百度经验：

• 百度经验：六周年，蛋糕party等你玩，精品小熊公仔等你来拿～
• 百度经验：听，星星的孩子想对你说
• 百度经验：5周年_五年沉淀，从心开始
• 百度经验：关于表白这事儿
• 百度经验：孕期营养 分阶段补充更科学
• 百度经验：不可不知的减肥秘诀，瘦子禁止进入！
• 百度经验：女生身体的秘密——哪里不会点哪里！
• 百度经验：Olay 肌肤白里透光秘笈
• 百度经验：我的天呐！光天化日之下还可以这样办假证

百度师傅：

• 百度师傅

拇指医生：

• 拇指医生：根源锁水，告别慢性干燥肌，Prox博研诗携手百度大数据揭秘都市危机！

欢迎您也把你的项目分享给大家吧

Why don't you use 'translateY'.

例如：每屏内容都是异步载入的 from @zepto.fullpage官方交流群

手机是魅蓝note，系统是4.4.4，UC的版本是10.8.0。用完整版的fullPage去试也是这样

from @zepto.fullpage官方交流群

http://segmentfault.com/q/1010000002716472?_ea=188272

把示例中的page样式都改成黑色背景，可以更直观地看到闪屏

.page1{
    background: black;
}
.page2{
    background: black;
}
.page3{
    background: black;
}
.page4{
    background: black;
}

上划切换页面，会发现底部有白色闪烁，求解

下面是我收集的关于制作H5单屏滚动页面的相关资料：

• 玩转HTML5移动页面(动效篇)
• 玩转HTML5移动页面(优化篇)
• 滑屏 H5 开发实践九问
• 你见过最炫酷的微信html5营销或宣传页面是哪个？
• 那些过目不忘的H5页面

也欢迎你把你的资料写到下面，共享给大家

大声说出你期待的功能，我都将为你一一实现o(∩_∩)o 哈哈

在手机浏览器中，由于手机浏览器会自动隐藏地址栏会出现不充满全屏的情况

不兼容情况window.matchMedia会好些，或者resize

1、是否不支持左右滑动，在move事件中只有Y轴的计算
2、回调函数，befor与after的索引问题
3、不支持循环滚动

最后，感谢您的分享！谢谢

建议把Demo里的Arrow合到插件里，默认箭头。
有修改箭头样式需求话，大家可以自己在custom.css里自己修改

第71行建议修改下 this.height = $(window).height();

safari是有减掉的，但是UC浏览器没有~。这要手动设置高度吗？

大家有好，有创意的例子，发这里，一起迸发灵感，互相学习哈。

参考格式：

出处
名字
推荐指数：★★★★★
url

**注意：**此处仅收集好的例子，请不要发广告

https://github.com/yanhaijing/zepto.fullpage/blob/master/doc/api.md#changebeforechangeafterchange

• 不依赖jQuery的全屏类库—zepto.fullpage和fullpage
• zepto.fullpage源码注释理解
• 移动端的全屏滚动插件 zepto.fullpage
• 基于 vue 的单页滚动插件
• zepto.fullpage.js使用心得
• 巧用一行CSS代码解决图片全屏高度问题

$('.wp-inner').fullpage();报错说fullpage 为undefined? 我用Zepto('.wp-inner').fullpage()这样就可行，但是渲染出来的height却是3150px，测试环境是iphone6。

比如下面我在页面一使用一个timeline样式 一屏显示不完，我想要一种fullpage是左右切换页面 同时某个页面支持内容过长则可以上下滚动的效果 —— 社区

求指点。

Nothing, just test. See your project from WB.