问题标签 [fullpage.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2747 浏览

javascript - 最基本的 fullPage.js 页面不起作用

我无法让 fullPage 插件正常工作。这是我的html代码;我已经检查了 jQuery 是否可以正常工作,并且所有其他外部代码的链接都应该是准确的。我编写的唯一其他代码是每个“页面”的 div 的背景的 CSS 类(简单的 100% 宽度,683px 高度框,class="wrap")。如果您能指出我哪里出错了,我将不胜感激。(我也无法让 onepage.js 工作)

0 投票
2 回答
985 浏览

jquery - 将 fullPage.js 添加到 Foundation

我有兴趣可以将fullPage.js添加到Zurb 的 Foundation吗?如果是这样,有人知道关于这个主题的好教程吗?我需要使用 fullPage.js 创建一个带有静态背景图像的页面,并带有可滚动的部分

注意:我尝试将它们结合起来,但没有成功

0 投票
1 回答
1228 浏览

jquery - fullpage.js 菜单从固定底部到固定顶部

我正在为我的网站使用 fullPage.js,

有什么办法可以让菜单变粘。

第一部分菜单固定在底部,第二部分菜单固定在顶部。

我正在尝试实现这个菜单效果http://www.dadaabstories.org/

感谢大家的大力支持。

干杯伯尼

0 投票
1 回答
411 浏览

javascript - fullpage.js - 使用锚定链接时,页面是立即加载还是按需加载?

我正在使用fullpage.js,我必须为要导航到的每个页面/选项卡设置外部链接。

现在我的问题是,页面是在导航到时加载还是在页面加载时加载,我想避免这种情况,我只想在导航到它们时加载页面。

0 投票
2 回答
578 浏览

javascript - FullPage.js 和 Meteor

我创建了一个 jsFiddle 创建一个基本示例。

http://jsfiddle.net/7PwsS/532/

它在 jsFiddle 上运行良好,将它放在我的 Meteor 应用程序中,当我单击链接时它不起作用,如果我滚动它。

这是我的 layout.html 流星代码:

Lib 文件夹中的 Routes.js 文件

服务器文件夹中的 Script.js 文件

这很奇怪,我猜想与铁路由器有关?

干杯

Ĵ

0 投票
1 回答
349 浏览

javascript - 使用缩放在浏览器中保持文本

我正在使用 fullpage.js 建立一个网站。当缩放 100% 时,网页看起来很棒,但是,当缩放仅 25% 时,文本和图像将开始重叠甚至消失,因为每个部分的高度非常有限(没有滚动),使我的网页无法阅读。我使用 em 单位表示字体大小,使用百分比表示大小、imgs 和边距(除非它的边距太小(例如5px),我使用 px )。因此,我想知道是否有使用 Javascript、CSS 或 HTML 的解决方案,即使网页缩放也可以保持字体大小。到目前为止,我已经尝试了以下方法,但没有成功:

使用 fullpage 的resize功能,但仅当用户在页面加载后调整窗口大小时才有效。

我的网站是(抱歉,我不知道该发布哪个部分,因为问题涉及所有内容):

http://rienpipe.es

先谢谢了!

0 投票
1 回答
701 浏览

jquery - Chrome v.36 中的动画错误?

我刚刚注意到使用fullpage.js插件时 Chrome 36.0.1933.0 m 渲染的错误行为。

此错误在以前版本的 Chrome 中没有发生,在任何其他浏览器中也没有。(IE、Opera、火狐)

某些内容在动画后突然从站点中消失(它top通过使用 jQuery 更改容器的属性)。内容仍然存在于 DOM 结构中,我找不到任何证据来证明这种行为是正确的。

我不知道究竟是什么原因造成的,以及为什么它只发生在网站的某些“部分”中。

要重现它,您可以在插件站点上进行:

  • 向下滚动到第二部分
  • 向下滚动到第 3 部分#problem1(向下滚动时内容似乎是固定的)
  • 向上滚动#problem2您将看到文本不再可见

您也可以在这个 jsfiddle中重现它:

  • 向下滚动第三张幻灯片
  • 向下滚动到第 4 部分#problem1(向下滚动时内容似乎固定)
  • 向上滚动#problem2您将看到文本不再可见
0 投票
1 回答
2256 浏览

jquery - 在中间幻灯片上启动 fullpage.js

我需要使第三张幻灯片(共 5 张)处于活动状态,但目前我似乎无法使用 .

如果加载此页面,我想做的一个例子是:

http://alvarotrigo.com/fullPage/

但是,当您向下滚动时,滑块实际上正在等待这张幻灯片:

http://alvarotrigo.com/fullPage/#secondPage/1

我知道我离以下几英里远:

我只能找到一些代码而不是完整的解决方案。我真的必须改变动画的速度并将其随机播放然后重置速度吗?或者使用这样东西?

有没有办法只添加“活动”或类似于幻灯片?

0 投票
1 回答
20338 浏览

javascript - 如何使用完整 page.js 滚动到带有链接的特定部分?

我正在使用美妙的fullpage.js来制作单页网站。

这是基本代码:

我想不通的是如何在第 0 节到第 2 节中包含一个链接(即只是一个标准<a href>链接)。我一直在搞乱锚,但无法让它工作。

0 投票
1 回答
1017 浏览

javascript - joomla 模板中的 jquery.fullPage.js

大家好,我对使用 javascript 非常陌生,我无法让这个 jquery.fullpage.js 滚动功能工作,https://github.com/alvarotrigo/fullPage.js#fullpagejs ,我不知道我应该如何安装它。

我的代码: