首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >fullpage.js移动卷轴不工作

fullpage.js移动卷轴不工作
EN

Stack Overflow用户
提问于 2014-09-22 21:20:27
回答 1查看 2.3K关注 0票数 0

我目前无法让滚动在移动设备上为我的网站使用fullpage.js。

在桌面上,它的工作非常好,如果我使用的是铬仿真器,但是在移动平台上,这个站点工作得不太好(过滤器按钮的工作速度非常慢)。左键和右按钮改变幻灯片是有点错误,但我可以接受。但是,如果我尝试在菜单页面上滚动,它似乎就不起作用了。

我以正确的顺序导入了瘦滚动和jquery,并将滚动溢出设置为true,因此我有点困惑为什么它不能在移动环境下工作。我试过使用iphone的4和5,但没有运气。

网址是iglouu.co.uk/new

任何想法都会很感激的!

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-23 09:39:24

您没有正确地初始化插件。

HTML标记如下所示:

代码语言:javascript
运行
复制
<div id="wrapper" class="fullpage-wrapper">
    <div id="fullpage">
        <div class="section">
            <div class="slide"></div>
            <div class="slide"></div>
            <div class="slide"></div>
        </div>
    </div>
</div>

因此,您应该使用id fullpage来初始化插件,而不是现在使用的wrapper

它应该是:

代码语言:javascript
运行
复制
$('#fullpage').fullpage({
   //...
});

你有:

代码语言:javascript
运行
复制
$('#wrapper').fullpage({
   //...
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25983290

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档