问题标签 [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 投票
0 回答
353 浏览

javascript - 使用 FullPage.js 在同一页面上创建 2 个相反方向的滚动

我需要一些帮助,因为我的 JavaScript 没有我喜欢的那么强大。

我正在使用https://github.com/alvarotrigo/fullPage.js进行投影,我可以很好地工作。

但是,我需要让屏幕的一半向下滚动,另一半向上滚动(同时)。

当用户向下滚动时,右侧将从下到上滚动(默认操作),左侧将从上到下滚动,每侧都有匹配的 's。

有菜单项,因此当单击一个时,左侧将向上滚动,右侧将向下滚动到预先确定的 2 个部分。

谁能指出我如何实现这一目标的正确方向?

谢谢,杰克。

0 投票
2 回答
492 浏览

jquery - 如何将不同的菜单样式应用于首页?

我试图弄清楚如何在我使用 fullpage.js 的 WordPress 网站上获得第二个菜单样式

我有一个自定义助行器,菜单通过锚链接到幻灯片工作。我试图弄清楚如何更改幻灯片菜单上的样式,因此首页有自己的。

网站: http ://www.svenssonsbild.se/Svenssonsbild2

环形:

步行者:

0 投票
1 回答
2936 浏览

javascript - fullPage.js 不滚动/不可能滚动

我一直在 fullpage.js 遇到这个问题,不允许我正确滚动。请在https://www.rewardslive.com/test查看问题

我已经将 jQuery 1.10 加载到网站上,但是这里有问题的 javascript 代码在页面上是内联的,之后是初始化代码,它是文档的扩展,并且在奖励live.js 内联脚本中没有冲突。

转到该页面不会造成问题,但是当我尝试向下滚动时,网址栏会更改为https://www.rewardslive.com/test#secondPage - 但没有实际向下滚动,也没有更新新内容. 我想保持标题不变,出于所有意图和目的。

我在这里缺少什么吗?我想要的只是基本的整页,“向下滚动功能查看更多”功能。

再次感谢,乔治

0 投票
1 回答
5532 浏览

javascript - FullPage.JS 滚动

我的问题涉及 fullpage.js 响应(window).scroll事件。我试图让我的应用程序更改滚动上的导航栏,但我无法让我的网站记录任何滚动事件。我尝试了以下问题,例如:Animate in Nav bar on scroll。当我将autoScrolling: false选项添加到整页时,它可以解决问题,但我宁愿不使用该选项。我想利用移动整个页面的简单滚动操作。

如果这仍然不清楚,我可以提供一个 jsfiddle 示例。

0 投票
2 回答
786 浏览

javascript - 锚不再起作用

我是 Javascript 的初学者,我的网站有一些问题...我正在使用 fullPage.js 脚本和另一个脚本,用于带有隐藏子菜单的垂直菜单。我的导航菜单脚本不适用于 fullPage.js。看起来不错,但我的锚不再工作了。

我可能在某个地方做错了,但我找不到在哪里。

0 投票
1 回答
8647 浏览

javascript - scrollOverflow / slimScroll 在 fullPage.js 中无法正常工作

这是这个线程的续集。

在我为客户构建的网站的一页上,整页导航和滚动溢出/slimscroll 都可以正常工作。

在另一页上,整页导航有效,但溢出不滚动。看起来像类的两个 div.slimScrollDiv并且.scrollable没有按预期创建。这是jsfiddle;设置scrollOverflowtrue但第二部分的溢出不会滚动。

0 投票
1 回答
139 浏览

javascript - iExplore 中的 FullPage.js 自动滑动

我的网站托管在kylehb

该网站在 Chrome 和 FireFox 上都按预期工作,但在 iExplorer 中,它会自动循环幻灯片(页面)并在您尝试导航到任何其他幻灯片时恢复到第一个。

我正在使用 fullPage.js

有谁知道是什么原因造成的?

0 投票
1 回答
194 浏览

jquery - fullpage.js 导致 nprogress 和其他 javascript 问题

我在https://www.rewardslive.com/test上遇到了这个问题 页面加载后,一切都很好,但是当您单击另一个由 ajax 处理的页面时,加载栏会缓慢移动,而且似乎永远不会结尾。我也在使用 nprogress 和其他 javascript,这弄乱了其他 javascript 我是否需要这样做以便 fullpage.js 包含在每个页面上?离开页面后如何禁用整页?有变数吗?

当我移动到另一个页面时,js 控制台抛出此错误:错误:无法在初始化之前调用工具提示上的方法;试图调用方法“隐藏”本质上,我认为它与我在页面上的正确脚本冲突。

0 投票
2 回答
10473 浏览

jquery - FullPage.js - 在不匹配的部分上添加活动类到菜单锚点

好的,标题可能有点难以理解,我会尽力解释。

所以我正在使用fullpage.js

我总共有 9 个部分: 主页 About(about 有 6 个“undersections”,是第一个 about 部分的延续) Contact

在菜单中只有 3 个导航选项主页、关于、联系。我已经制作了菜单,以便在相应部分添加活动类 - 就像使用现成的选项一样简单。当我滚动并离开第一个 about 部分时,活动类被删除并且菜单项未突出显示。所以这就是我希望活动类保留在 about 的所有“部分”上的东西。因此,菜单项“关于”会突出显示,直到联系部分。

我想我会让它与一些“外部”JS一起工作,所以根据url,类将被添加到id为“all-about”的锚中:

这不起作用。我会在整页 JS 中更改什么或如何更改我的代码以使其正常工作?

谢谢!

0 投票
0 回答
584 浏览

javascript - 使用 fullPage.js 插件:当我添加视频背景时,我失去了对标题的控制

http://testcykuty.cba.pl/

如您所见,我页面上细灰色标题的宽度高于全屏幻灯片的宽度。这就是这里的问题:如何保持标题的宽度等于幻灯片的宽度?

我做了一些试验和错误:

http://jsfiddle.net/2dhkR/63/ - 在这里你可以看到标题应该是什么样子。但是每当我添加视频背景时,标题的宽度就会变得疯狂(根据:) width of header = width of a slide * number of slides

...我的标题出现了:(其他 div 似乎工作正常