问题标签 [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 回答
18905 浏览

jquery - fullpage.js 如何创建幻灯片锚点并滚动到它们?

使用fullpage.js,如何为幻灯片创建锚点,而不是在 options.anchors 中定义的部分锚点?

文档说要使用数据锚,但它对以下设置没有做任何事情。<a>通过跳转到带有 id的链接正常工作<div>,并且没有滚动。

0 投票
0 回答
145 浏览

jquery - Multiple slideshows, jQuery

i'm using the VERTICAL SHOWCASE SLIDER as a jQuery Plugin in my FULLPAGE.JS webpage. When I use the Vertical slider once, there is no problem. But if i insert the code twice in another section of fullpage, the second slider doesn't work.

1.st slider

2nd slider:

What can I do that both work?

0 投票
1 回答
118 浏览

javascript - 在 FullPage.js 应用程序内滚动

我目前正在制作一个 fullPage.js 应用程序。在给定的页面上,我想要一张带有指向图片的盒装箭头的图片。现在我已经设法做到了这一点,问题是我需要在一个页面上使用多个这些框和图片元素,因此我希望能够滚动浏览给定页面上的元素。

这是 JS,我清楚地包含了 scrollOverflow 属性。

这是我的 HTML:

不幸的是,我不断收到以下信息:

在此处输入图像描述

滚动没有开始,我不确定为什么?为什么是想法?理想情况下,第 4 个框和图像元素应该以可滚动的方式出现

0 投票
3 回答
1272 浏览

html - 更改网站上的部分后收藏图标消失

我正在加载我最喜欢的图标,如下所示:

我正在使用 fullpage.js。因此,当我单击一个按钮转到不同的部分时,我的 url 会发生变化:

对此:

图标消失了。任何的想法?

0 投票
1 回答
106 浏览

javascript - 响应式设计 - 无法正常工作

我正在开发一个响应式网站,我就是。出于某种原因,当我调整浏览器大小时,响应能力很好,但是当我在移动设备上加载网站时,响应能力无法正常工作。

这是网站:

http://rcb.com.mt/wordpresstesting/WebsiteTest/

我还在一个在线响应式测试仪网站上进行了测试,响应性也在起作用: http ://www.responsinator.com/?url=http%3A%2F%2Frcb.com.mt%2Fwordpresstesting%2FWebsiteTest%2F

我在我的网站上使用这个插件:https ://github.com/alvarotrigo/fullPage.js - 这可能与脚本中的设置或回调函数有关吗?

任何人都可以看看我,也许会发现为什么响应能力不能正常工作。

0 投票
2 回答
9060 浏览

javascript - 使用 fullpage.js 的水平滑块

我尝试使用fullpage.js插件创建一个整页水平滑块。我只使用带有 3 张幻灯片的部分。

我尝试在页面顶部的幻灯片中添加固定导航,以便用户可以直接从顶部导航打开幻灯片,但它不起作用。谁能帮助我如何使它工作?

HTML:

Javascript:

CSS

这是jsfiddle

谢谢!

0 投票
1 回答
481 浏览

jquery - 在 Transit.js 转换期间显示隐藏的 DIVS 内联?

新来的; 希望我做对了!

我正在使用 transit.js 在 fullpage.js 幻灯片中交换 DIV。最初,除了“介绍”文本之外的所有 DIV 都通过 .hide CSS 类隐藏。“slidetext”区域下方有三个按钮,单击时会显示与按钮相关的内容。对于每次点击,JS 都会检查该按钮的内容是否已经显示;如果是,则不会发生任何事情。如果不是,则所有其他可能的可见 div 都将在屏幕外转换并隐藏,并且请求的 DIV 会加载到屏幕右侧,滑入视图并变为可见(带有一点不透明度过渡)。

我的问题是在转换过程中 div 的显示和隐藏导致请求的 DIV 在屏幕上上下颠簸。我不能使用内联块样式来纠正这个问题,因为这会覆盖在 JS 中触发的“显示:无”以隐藏 DIV ..对吗?我猜解决方案就在我面前,但我一直在弄乱 JS 和 CSS 一段时间,无法弄清楚我需要什么。是否可以使用 jquery 更改 DIVS 的可见性状态,以便我可以内联样式并仍然根据需要使它们不可见?

Jsfiddle在这里:http: //jsfiddle.net/ottomaddox/baV5n/3/

使用 jQuery 1.9.1 和 transit.js(链接小提琴)

当前的JS:

感谢您的任何指导!

0 投票
1 回答
4647 浏览

jquery - fullpage.js - 如何设置 2 组不同的幻灯片 - 一组移动,另一组不移动

我正在使用https://github.com/alvarotrigo/fullPage.js进行整页滚动,想知道是否有人可以帮助我...

有一个自动播放幻灯片(左右)的功能,但我不够精明,无法理解如何在一个部分而不是第二部分实现这一点。

在下面的示例中:http: //jsfiddle.net/2dhkR/106/ 我想要第 2 部分 - 能够进行自动幻灯片模式,并且第 3 部分没有自动幻灯片模式。

谢谢

0 投票
4 回答
1585 浏览

jquery - 谷歌分析和 jQuery fullpage.js

我有一个 fullpage.js jquery 单页网站。我希望谷歌分析能够跟踪某人何时通过滚动进入我的单页网站的另一个“页面”。页面未加载,但域更改如 .../#section1、.../#section2

www.cima-ecuador.com

我正在使用analytics.js ...已经发布的线程并没有真正帮助我。

标题:

我的身体部分就像

0 投票
0 回答
1046 浏览

jquery - 如何让 skrollr.js “捕捉”到某些垂直位置?

我正在使用skrollr来尝试创建类似fullpage.js的效果和视差。

问题是,当我 skroll --er 滚动浏览每个“幻灯片”内容时,有时滚动间隔会偏移一定量,导致无法将每个部分的顶部与视口的顶部对齐,这看起来更少比我想要的抛光。

我希望能够禁用每个部分的滚动,并在用户滚动速度超过某个鼠标滚轮阈值(例如,不仅仅是一个刻度)时让它在每张幻灯片中前进,但是在追求了一段时间之后,我没有没有走得很远。

有没有人想告诉我如何使用 Skrollr 来做到这一点(或者建议一个不同的 jQuery 插件,如果使用 Skrollr 太难实现的话)?

(到目前为止,animateTo()当窗口顶部与幻灯片的顶部对齐时,我已经尝试将它放在下一张幻灯片中,但显然有时它不能完美对齐的事实会引发这种情况。另外,我还没有找到一种禁用[即使只是暂时的]正常滚动行为的方法。[我突然想到,在试图解决这个问题时,我可能会被 Skrollr 本身反击。])