2013-11-25 77 views
1

我正在尝试使用onepage-scroll.js。滑动onepage-scroll.js在平板电脑上无法正常工作?

我在平板电脑,iPad上滚动时遇到问题,而我试图查看我的Mac本地服务的jquery.onepage-scroll.js演示。我可以从iPad Safari浏览器查看本地页面,但滚动只是不滑动,突然切换通常会跳过下一页;并且不容易响应。 此外,有些页面的文本不在屏幕上,并且在每一页上,当我触摸时我都会看到滚动条(可能与问题有关,并会照亮部分。)

但是,通过点击分页进行导航子弹。

我想要这个插件的一页滚动动画和分页符号在同一时间。

什么问题?如何解决它?

另一个逐页滚动插件fullPage.js在我的iPad safari和桌面浏览器上都有分页项目符号和它的滚动工作。

+0

我有同样的问题。我认为这可能是与处理滚动的方式在ipad – Ben

回答

3

如果您使用选项navigation:true,fullPage.js确实有子弹。 这里是一个活生生的例子:

http://alvarotrigo.com/fullPage/examples/navigationV.html

你应该initializate插件与navigation选项设置为true:

$(document).ready(function() { 
    $.fn.fullpage({ 
     navigation: true, 
     navigationPosition: 'right' 
    }); 
}); 
+0

谢谢。当我添加如上所述的导航选项时,我的整个页面长度部分已成为一行高度。为什么?并没有得到子弹。 –

+0

你是什么意思?一个像素高度?你能给我们一个链接看看吗? javascript控制台显示哪些错误? – Alvaro

+0

当然,你不必使用我发布的相同选项,这是一个例子。如果你想把它放在左边,你必须添加的是'navigation'和'navigationPosition'。 – Alvaro

相关问题