powy1993 / fullpage Goto Github PK

• create: 2014.4.2这个版本 有同样问题
• update: 2016.6.22 这个版本 问题依旧没有解决

背景是纯色 没问题
背景是图片且超过6P 就有问题了
测试的时候我放置了8P且背景都是图(每张图片大小60kb左右) 就出bug了

上拉时容易出现白底
下拉也不灵敏

var runPage = new FullPage({
……
});

runPage.next(); 点击去下一页是这样用的吗？好像不起作用。

项目需求（主体部分是一个全屏切换，然后弹窗部分还有一个全屏切换）；因为想尽量减少js引入数量，所以希望两个切换都使用您这个js；
但对应两个id分别写好后，那个navbar会出问题
mode : 'wheel,touch,nav:navBar',
我原以为这个"navBar"只是导航的id，然后我把两个切换导航分别写了不同的id，可是还是不行，只有第二个能起作用，第一个失效了；

您好，我希望实现这种功能，手指上下滑动边缘是滚屏，手指上下滑动当前页面中的div内容部分是滚动这部分内容不滚屏，这样如何实现。

在autoplay.html中：
240行附近：
/interval = setTimeout(function() {
console.log('4');
runPage.go(runPage.thisPage() + 1);
console.log('5');
}, 3000);/

script代码中，你用了2次setTimeOut函数，我是初学者，很难理解其中的逻辑。尝试将上述代码修改成：
runPage.go(runPage.thisPage() + 1);
省略调用setTimeOut方法一次。这样也能达到同样的效果。

看到在#15中回答需要删除touch参数，但是，如果删除了touch函数，在移动端就没办法工作了，所以，想请问下还有其他的解决办法吗？

能否按小数字键跳转到相应位置?

例如，从第二页滑动第四页直接；
我在onSwipeStart调runPage.go();方法不行，求教

效果参考：锤子
魅族

兼容问题：在谷歌浏览器下滚动没有问题，在360极速模式下会存在滚动体验不好的情况。多滚动几次就会有转屏突然跳转、滚动一次转屏多次的情况，请问这个怎么解决呢？

如何设置锚点。或者从一个页面的a链接到指定page上？

RT

作者你好，最近刚好打算做Fullpage然后看到你框架了，想请教下

如果我想实现如上述专题的3D切换效果 对

trans = function(o, x, y, t) {
.........
}

进行修改 ok吗

您好~
在使用时发现滑动时经常一次切换好几个页面，而我想达到的是滑动一次只切换一屏的效果。请问有解决方案吗？

好像加了么效果啊，callback倒是可用的

官方的了例子
http://1.fullpagechris.sinaapp.com/fullpage.html
我看到了这问题,step4后一直无限加step4,循环回来时已经看不到一开始的动画了
自己手动加了解决办法
callback : function(index, thisPage) {
thisPage.className = thisPage.className.replace(/step.*?/g, '')
}
另,我用那个说修复了最后一屏的js step还是失效

page能否支持全屏背景图片，并且随屏幕大小自动全屏

条件：continuous:true;
属性：data-step:4
环境：PC端
场景一：next 翻页
1，第一次进入循环，从page1重新开始的时，data-step容器和step相关className不会重置（依旧是step4），并且依旧需要执行4次滑动才会进入到下一页（移动端无此问题），同时会不断的新增加step class（如：page page3 step4 step4 step4），

场景二：prev 翻页
1，第一次进入循环，从page最后一页重新开始的时候，当处在data-step容器时，依旧需要执行4次滑动才会进入到上一页（移动端无此问题）

想问一下作者能不能在beforeChange里面进行判断 然后条件成立就终止滚动效果 执行其他动画

看了一下源码好像navbar的类名是写死了的active，这样的话如果有一个以上的滑动区，就能给其中一个设置navbar了，有什么办法能改进这个缺陷吗

1.假设我在page2的时候设置steps3 如果我滑动到page3的时候 这个时候是已经执行完了3个steps的。
但是如果我从page3返回到page2的时候。这个是从steps3开始的。按照steps3-stpes2-steps1的顺序。
有没有一个参数设置是 我只要从下一页返回到上一页的时候，就从stpes0开始的。

实际上我想要的效果是每次到达一页都是从stpes0开始。而不是从steps最后一个这样慢慢返回
2. 这个不知道算不算是bug。如果我写了steps=4的话(假设是4)，实际上的话当我进入到这个page的时候，他就已经显示stpes1了，而不是我再次滑动才去触发stpes1，因为这样要触发4次才能完成，加上首次加载的话一共就有5次了

我用 IE8看了你的 demo 页，但是一划动滚轮就报错了

如题，如图：

框架非常好用，感谢分享！
我在按钮上绑定了click事件，做页面切换。但是在点击的时候，触发了touch事件，_isLocked被设为true，此时再进行goPage，由于被锁定就直接return了。请问应该如何解决此问题？？

在page1设定data-step时，顺序滑动step会从空到step1 / step2……
但是往回滑动的时候旧的step class不会清除。

放在page2以后就没有这个问题。

Uncaught TypeError: Cannot read property 'className' of undefined
——fullpage.js:394

1、能不能可以默认定自义横屏或竖屏。
2、能不能当划完后再自动跳到第一页继续循环下去。

能否对某个page设置高度？使得page不要全屏？

该问题目前只出现在safair非全屏中，微信和uc没有该问题

你好，如果想实现横向滚动一屏，纵向只滚动当前屏幕中的内容，如何做到？谢谢

很赞的库，推荐一个类似功能，互相学习
https://github.com/yanhaijing/zepto.fullpage

当在最后一页，滚轮往下滚，还是会触发beforeChange这个方法。
讲道理在滚动到最后一页之后，并且continuous 为 false,beforeChange这个方法就不用触发了吧？

在IE下打开页面，滑动过程中会出现闪屏问题~
请教解决方案~

页面在winphone8 IE10浏览器中没有效果

RT

1.为什么我在文字写了一个动画效果 为什么它会滑到当前页才会执行动画 是不是楼主封装号了方法？？
2.我想滑动的时候有出去动画，应该在那里写方法？？ 怎么写呢？楼主！！

滑动时只想滑一页，结果就上下晃来晃去的。。。。

RT。
$('#btn').bind('click',function(){ fullpage.go(3); }) //不能正常执行

当前解决方法为创建周期函数不断地触发，直到正常执行。

$('#btn').bind('click',function(){ var _inter = setInterval(function () {
if (me.myPages.thisPage() !== 3) { me.myPages.go(3);
}else{ clearInterval(_inter);
} }, 300);
`}

请问一下：内容超过满屏后，如何设置显示滚动条呢？

在README.md的最后一个部分——接口：

Fullpage也提供了一些借口

当将data-step放在最后一屏时失效，看了下代码
应该是goPage中
if (to >= pagelen || to < 0 && stepNow[indexNow] === 0) return;
当to>=pagelen时直接return了的问题吧

`

<!--第一屏开始-->
<div class="page section1 current">
    <div class="contain">
    </div>
</div>

<!--第二屏开始-->
<div class="page section2">
    <div class="contain">
        <div id="pageContain">
            <div class="page page1 current">
                <div class="contain">

                </div>
            </div>
            <div class="page page2">
                <div class="contain">

                </div>
            </div>
            <div class="page page3">
                <div class="contain">

                </div>
            </div>
        </div>
        <ul id="navBar2">
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>
<!--第三屏开始-->
<div class="page section3">
    <div class="contain">
        <div id="pageContain2">
            <div class="page page1 current">

            </div>
            <div class="page page2">
                <div class="contain">

                </div>
            </div>
            <div class="page page3">
                <div class="contain">

                </div>
            </div>
        </div>
    </div>
    <ul id="navBar3">
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

min里面怎么不更新start这个啊