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

javascript - 在某个滚动偏移或滚动时间后触发滚动事件

我正在使用fullPage.jsJQuery 插件(请参阅此处的演示)。该插件定义了全窗口大小的部分,并在用户向上或向下滚动时从“幻灯片”部分滚动到“幻灯片”。

我正在尝试修改它,以便在滚动开始时滚动事件不会立即触发,而是在短时间或一定滚动量之后触发,以防止用户意外滑动几个像素,这将触发滚动事件并滚动到下一张幻灯片。

例如,如果用户滚动 offset < 100px 则滚动回当前幻灯片,如果 offset > 100px 则滚动到下一张幻灯片。

fullpage.js代码。我认为我将不得不修改此功能以获得我想要的:

但我真的不知道该怎么做......我想我应该在滚动开始和滚动结束时获得滚动偏移/时间,获取差异,然后根据差异滚动到当前或下一张幻灯片,但我不不知道如何在这个函数中实现这个以及如何获取滚动结束事件。

而且我不确定是否使用“滚动结束事件”,因为如果用户想要向下或向上滚动,脚本不应该等待用户停止滚动以滚动到它必须滚动的位置。

也许我应该在滚动期间获得滚动偏移量,当偏移量 > x 时滚动到下一个,如果滚动停止并且偏移量 < x 则滚动回当前?或者我可以使用滚动时间而不是滚动偏移量?

0 投票
0 回答
1458 浏览

javascript - fullPage.js 回调浏览器兼容性问题

我在我正在工作的网站上使用 jQuery 的 fullPage.js 插件。在第一页上,右侧导航被隐藏,在其他页面上,导航被显示。它在 chrome 中可以正常工作,但是在其他浏览器上它不显示。

该网站的链接是:这里

下面是回调事件发生的地方。用户滚动到该部分时的回调正常工作,但导航没有滑入。

谢谢你的帮助!

0 投票
1 回答
3011 浏览

javascript - fullpage.js 插件刷新问题

我现在正在尝试将整页插件放入我的网站(https://github.com/alvarotrigo/fullPage.js

除了刷新问题外,一切正常。(这可能不是每个人的问题)

问题是:

滚动到第三页(部分)后,我刷新了我的网站。然后它会回到我的第一页(顶部的第一部分)并再次自动向下滚动到第三页。

相反,我真正想要的是每次刷新我的网站后返回并停在我的第一页。

我已将此代码包含在我的 js 文件中,

但似乎它不起作用。

谁能帮我解决这个问题?谢谢

0 投票
1 回答
657 浏览

jquery - FullPage.js 和地图框架

我正在尝试使用Yandex mapsfullPage.js插件。问题是没有加载问题。如果我不调用这个函数

地图将加载。我是javascript的新手,我做错了什么?

0 投票
1 回答
995 浏览

javascript - 滚动捕捉垂直与自由滚动水平

我一直在尝试建立一个投资组合风格的网站,该网站可以为不同的画廊垂直滚动/捕捉,然后水平自由滚动(无捕捉)以查看画廊内容(imgs 向右浮动)。

我一直在尝试从那里为数不多的框架之一(良好的功能和响应性)中构建它,但是当我设置较大的宽度(例如:80000px)时,它们最终都会崩溃。

Fullpage.js 有一个在 snap 之前可以自由垂直滚动的功能,这让我认为可以水平地执行此操作。另一个有趣的例子是query.panelsnap,它具有内部滚动框架,但是对于这两个(以及我尝试过的其他框架),我无法在不破坏插件捕捉功能的情况下设置较大的水平宽度。

有没有人知道如何让这种水平滚动与垂直捕捉一起工作?我一直没有成功!

谢谢你的帮助!

0 投票
1 回答
719 浏览

wordpress - Wordpress - 在菜单悬停时更改页面背景

什么是 Wordpress 网站最优雅的方式来拥有一个完整的页面背景幻灯片,可以在鼠标悬停在某些菜单项上时在图像之间切换?像这个网站在这里

0 投票
0 回答
2043 浏览

overflow - 使用 fullpage.js 时,在另一个 div 上垂直滚动 div

在使用 fullpage.js 插件( https://github.com/alvarotrigo/fullPage.js )时,在 div (class="section")上放置一个额外的 div 时,我正在寻找一个有效的垂直滚动解决方案。

“溢出:滚动;” 因为 top-div 不适合我。top-div 将填充通过 jquery-masonry 排序的缩略图。目前,100% 视图之外的所有缩略图都被隐藏,因为 fullpage.js 中的功能禁用了滚动。

最重要的是,当禁用 java-script 时,只显示活动的 div。从而防止按降序显示所有 div。

fullpage.js 中的 autoScrolling-option 覆盖了 body css 选择器的滚动能力。

我可以想到一个额外的 div 滑动到顶部(类似于此页面上的那个:http: //neavebozorgi.com/)启用垂直滚动。

0 投票
2 回答
15891 浏览

html - Fullpage.js 背景图片

我刚刚开始使用 fullpage.js 库(?)并且想知道如何将背景图像添加到部分。我尝试在该部分中添加一个新的 div 并在该部分中添加一个新类,但无济于事。请帮忙!

HTML

CSS(我在标准之上的自定义 CSS)

0 投票
1 回答
11359 浏览

jquery - scrollOverflow 在 fullPage.js 中不起作用

我最近开始在一个项目中使用 fullPage.js,但我不知道如何让溢出滚动工作。我页面中的最后一个“部分”运行时间很长,因此需要垂直滚动。

这是我的<head>标签内的代码:

我也在使用 Bootstrap(包括 JS),以及 jQuery 验证。

我在这里还缺少什么来启用此功能吗?

0 投票
1 回答
2298 浏览

jquery - onepage-scroll.js 的滑动在平板电脑上不能正常工作?

我正在尝试使用 onepage-scroll.js。

我在平板电脑、iPad 中滚动时遇到问题,而我正在尝试在我的 Mac 上查看本地提供的 jquery.onepage-scroll.js 演示。我可以从 iPad Safari 查看这个本地页面,但滚动只是没有滑动,突然切换通常会跳过下一页;并且不轻易回应。另外,某些页面的文本不在屏幕上,并且在每个页面上,当我触摸时我都会看到滚动条(认为可能与问题有关并照亮了部分。)

但是通过点击分页项目符号进行导航时可以。

我想要这个插件的一页滚动动画和分页子弹同时。

问题是什么?如何解决?

另一个逐页滚动插件 fullPage.js 确实具有分页项目符号,并且它的滚动适用于我的 iPad Safari 和桌面浏览器。