问题标签 [fullpage.js]

我已经在我正在处理的网页上安装了 jQuery 插件 fullpage.js，它在我的计算机上运行良好，但是页面第二部分的内容太大而无法在我的手机屏幕上显示，并且应该滚动 -但我无法弄清楚如何做到这一点。我不会假装我对javascript了解很多，所以我有点不知所措，解决方案可能很简单。提前感谢您的帮助！

有问题的网页： http ://romowind.com/testside/ - 这是首页。

我正在使用http://alvarotrigo.com/fullPage创建一个简单的单页网站。一切都是完美的，除了 iPhone 在横向模式下 - 当我滚动时，而不是页面保持全屏并移动到下一个锚点，Safari 会显示地址栏和底部导航，导致内容高度缩放。

有人可以帮忙吗？

我计划使用来自http://alvarotrigo.com/fullPage/的出色 Fullpage.js，但希望在滚动到特定锚点时隐藏特定的 div 或图像。

例如，如果页面从#home 开始并且有 3 个锚点（全屏部分）#home、#biog 和 #email 都在每个部分的顶部都有一个徽标，我希望例如隐藏 #biog 中的徽标（可能淡出）但在滚动到下一个锚点时重新显示（可能淡入）#email

这可以做到吗？

谢谢您的帮助...

我正在将fullPage.js用于单页浏览器网站。它工作得很好。它支持通过滑动滚轮滚动整页幻灯片，并且每张幻灯片还可以包含水平幻灯片，通常通过单击其中一个侧箭头触发。

我想强制用户滚动浏览该幻灯片，然后才能进入下一张幻灯片。有谁知道向下滚动时允许用鼠标滚轮触发幻灯片的方法？然后，当它到达该幻灯片的结尾时，它会再次垂直滚动到下一张幻灯片吗？

我有两个按钮：#btn1和#btn2; 我希望他们在点击时来回走动。所以#btn1必须转到上一张幻灯片，当我单击#btn2它时，它会转到下一张幻灯片。

我将 fullPage.js用于幻灯片。

在文档中说我必须使用这个

但我是业余爱好者Javascript。你能帮助我吗？

我正在使用 fullpage.js 创建一个http://www.apple.com/uk/iphone-5s/的效果。

它工作正常但是我需要在幻灯片上依次淡化一堆单独的元素，但只有在选择/激活了相应的元素幻灯片后。

我相信最好的方法是在选择的视口上将元素设置为 onLoad，除非每当我尝试这样做时，我似乎遇到了与 fullpage-js 的 jQuery 冲突问题，反之亦然。

谁能推荐一个解决方案？

谢谢

我在弄清楚如何添加页面（幻灯片）时遇到了一些麻烦，该插件有四个，但我需要大约 6 个页面。

我需要摆弄 jquery 元素还是可以通过 css 和 html 来完成？

提前致谢！

I've combined Full Page Scroll by Alvaro Trigo, https://github.com/alvarotrigo/fullPage.js and Magic Line Navigation by Chris Coyier, http://css-tricks.com/jquery-magicline-navigation/. Almost gotten it to fully work, except when you scroll up and down with the arrow keys, it updates the active link, but the Magic Line doesn't update to it. So close...

Here is the js fiddle: http://jsfiddle.net/X5juR/

and here is sample code for the Magic Line

Thanks everyone!

我正在使用 fullpage.js 开发一个整页网站。我有一个固定的导航栏。我想通过添加和删除 css 类来更改导航栏上的徽标。我试过这段代码：

但它不起作用可能是因为在 fullpage.js 中使用了溢出：隐藏，并且 $(window).scrollTop() 始终给出 0 值。

任何人都有任何解决方案（我是 jquery 的新手）？

编辑：如果我不使用 fullpage.js 插件，代码工作正常。fullpage.js 在 body 标签中使用 overflow:hidden 和 position:relative 来隐藏滚动条。示例网站http://alvarotrigo.com/fullPage/

我正在使用 fullpage.js ( https://github.com/alvarotrigo/fullPage.js )，它是一个整页滑块。

我在开发方面没有经验，但我想要实现的是，如果浏览器大小例如为 640 像素，则 fullpage.js 函数会切换函数内部的控件； autoScrolling: true, to autoScrolling: false,

这就是函数的样子；

原因是由于这个插件在屏幕缩小后的性质，我的 div 和内容会因为它被切断而丢失，所以通过操作不同的控件，我可以使较小的设备在不限制页面大小的情况下运行页面的自然滚动高度。

那么有没有一种方法或脚本可以像css媒体查询一样识别屏幕被缩小，所以如果它是某个断点，它会操作javascript，然后在不同的断点使用不同的断点？

如果这不是我的专业领域（使用/编写/阅读javascript）是愚蠢或非常明显的问题，我提前道歉，但这可以做到吗？我正在考虑实现这样一个解决方案的逻辑是正确的方法，还是有更简单的方法？

谢谢