【问题标题】:fullpage.js not working on mobile devicefullpage.js 无法在移动设备上运行
【发布时间】:2015-02-12 11:41:00
【问题描述】:

我将插件 fullpage.js 用于一个新项目。 现在有一个问题。滚动动画在移动设备上不起作用。这是网址:www.manu-oliver.de/web/test.html

我希望有人可以帮助我。 :)

【问题讨论】:

    标签: animation fullpage.js


    【解决方案1】:

    您正在使用responsive: 900,这意味着fullPage.js 将停止在小于900 像素宽度的屏幕中自动滚动,如in the docs 所指出的那样。

    responsive:(默认 0)将在定义的像素宽度下使用普通滚动 (autoScrolling:false)。一个类 fp-responsive 被添加到插件的容器中,以防用户想要将它用于他自己的响应式 CSS。例如,如果设置为 900,只要浏览器的宽度小于 900,插件就会像普通网站一样滚动。

    【讨论】:

    • 我正在使用 fullPage 的背景固定图像示例。我面临同样的问题,即效果没有反映在移动设备中。它在 chrome 移动模拟器中正常工作。您能帮我在哪里更改 fp-responsive 的值吗?提前致谢!
    • 我在 fullPage 的选项中添加了responsive:300。但在移动设备中仍然没有显示背景固定效果。请帮忙。 @阿尔瓦罗
    • @monisha 可能与 fullpage.js 无关。搜索有关在移动设备上使用固定背景的信息。
    • @Alvaro 谢谢你的回复。实际上我正在寻找类似于 link 的滑动效果。您能否推荐任何适用于移动设备的插件。提前致谢!
    猜你喜欢
    • 2014-08-30
    • 2017-01-28
    • 2016-08-17
    • 1970-01-01
    • 1970-01-01
    • 2017-07-19
    • 2017-01-29
    • 2016-08-19
    • 1970-01-01
    相关资源
    最近更新 更多