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

jquery - 使用 fullpage.js 插件返回部分的主幻灯片

好的,我正在尝试修改现有的 fullpage.js 插件(https://github.com/alvarotrigo/fullPage.js/)。

我需要的是,当用户离开每个部分时,该部分应自动返回到该部分的主幻灯片。

例如,使用位于此处的我的测试站点:( http://trouve.thinkatmosphere.com )。如果我目前在“关于”部分并且我导航到右侧然后离开“关于”部分并在返回“关于”部分时向下导航到“客户”部分我需要它在第一个再次播放该部分的幻灯片。

我将如何修改以下代码以允许我执行此操作:

0 投票
1 回答
3187 浏览

javascript - Fullpage.js 导航一项不会激活

fullPage.js在我的网站上使用了该脚本,并使用了检测活动页面的菜单功能。不幸的是,我无法成功地将页面添加到菜单中。

4thPage列表项会显示,但当您滚动它们时不会获得活动状态。我也不确定为什么脚本将firstPageetc 用于某些项目和3rdPage其他项目。它无法检测到4thPageor5thPage但它可以检测到3rdPage? 第 4 页和第 5 页的正确名称是什么?

我目前在我的代码中有这个;

我的部分被称为section0 section1等。所以我有 0-5 部分。在我拥有这个之前,这一直有效,直到我添加了额外的部分;

为什么第 4 页没有显示?名字都是一样的,而且到处都有。我忽略了什么吗?

我的完整代码在这里;http://kellyvuijst.nl/FINAL/以防万一有人需要。

0 投票
2 回答
6498 浏览

javascript - Fullpage.js:向滑动锚添加“活动”类

http://codepen.io/theandrewwest/pen/pDEIo

我正在使用fullpage.js并有一个带有子菜单的部分,可以在水平幻灯片中导航。我想向与活动幻灯片对应的锚点添加一个“活动”类。我知道该功能是内置的,用于使用“菜单”选项导航垂直部分,我已经为主导航工作,但看起来我需要使用回调将类添加到链接到水平幻灯片的锚点.

我知道的 JS 足以让插件按照我想要的方式工作,但我不确定设置它的最佳方式。我正在使用笔中的“数据索引”链接到幻灯片,但是一旦我可以让它们工作,我计划使用自定义锚点(部分没有问题,我只是无法让它们为幻灯片工作)。我不确定这是否有什么不同。

0 投票
2 回答
9190 浏览

fullscreen - 全屏响应式横向网站

我试图找到最好的方法来创建一个水平网站,全屏,如果可能的话,响应式,最小宽度是平板电脑。问题是我还需要使用鼠标滚轮进行水平滚动,我看到 fullPage.js 不支持,或者至少我无法让它在这个插件上工作。

无论如何,我需要一个关于构建模板的想法,内联显示全屏部分 - 我将非常感谢任何提示。谢谢。

0 投票
1 回答
4127 浏览

javascript - fullPage.js 从幻灯片 2 开始

我将 fullPage.js 用于单页网站。我的一个部分使用水平幻灯片来水平显示幻灯片。我试图弄清楚如何让它从我的三张幻灯片系列中的第二张幻灯片开始。阅读文档,我了解如何设置锚点并直接单击该幻灯片,但是当您通过垂直滚动到达系列时,我希望它从幻灯片 2 开始。

我想也许用 class='active' 设置第二张幻灯片可以解决问题,但它并没有......事实上,它打破了水平幻灯片。这是我明智的 html 和 js ......想知道其中一个回调函数是否可以工作,但不太清楚如何使用它们。

这就是我用来初始化函数的......

0 投票
1 回答
1059 浏览

symfony - fullpage.js 似乎加载了我的页面的两倍

我正在使用带有 bootstrap 和FullPage.js的 symfony 2.3 。

当我加载我的页面时,它似乎加载了两次......

所以我在我的部分中的宽度幻灯片是错误的,并且创建的代码也是错误的。

使用调用插件,我的控制台日志返回两个“toto”,如果我删除插件,我的控制台日志返回一个“toto”。

我哪里错了?

0 投票
2 回答
2567 浏览

drupal-7 - Drupal - 如何将数据属性添加到
  • a的项目
      菜单
  • 这是一个非常棒的脚本,名为 fullPage.js,位于此处: https ://github.com/alvarotrigo/fullPage.js

    我设法加载了 js 文件和 css 文件,甚至使用 Void 菜单模块,设法调用锚链接,但我正在努力处理这个酷代码实现的数据属性部分!任何帮助是极大的赞赏!如何让数据属性在 Drupal 7.25 中工作?我的意思是,我需要将它们添加到菜单中,以便 html 看起来像这样:

    只想将它添加到 Drupal 的主菜单中。知道怎么做吗?我试图在我的主页上实现这一点,并使用安装了显示套件模块的自适应子主题,如果有帮助的话。

    已将以下内容添加到 template.php,但根本没有区别:

    我在这里做错了什么?

    编辑

    您可以在此处下载 sitemaniacs 主题:http://dream-portal.net/dpdowns/MyProblem.zip 您可以在此处 从 Drupal 下载 Adaptive Theme,然后将 sitemaniacs 复制到您的 sites/all/themes 文件夹中,而不仅仅是启用主题并转到您的主页。

    还有一个名为 fullPage 的文件夹,它是在没有 Drupal 的情况下完美运行的示例。

    需要注意的文件:

    让我知道您是否需要其他任何东西,k?

    谢谢你!!!我所做的是创建 4 个基本页面,并使用字段格式化程序类模块为正文字段提供一个定义为的类(在管理显示时)section,而不是提升到首页。比我在另一个节点类型中使用 HTML 并使用NodeBlock 模块将其作为块部分中的菜单项输出Menu Bar,带有 url <front>。如果您需要其他任何东西,请告诉我,但我无法使用这种简单的方法使其工作。我也尝试了很多方法,但不适合我。如果您发现一种有效的方法,或者其他地方可能有问题,请告诉我....我正在拔掉这个头发。

    尝试过直接的 HTML,现在得到了这个:

    第一个错误似乎出现在scrollPage这一行的函数中:

    看起来dest.top没有定义在.top. 知道为什么吗?

    0 投票
    3 回答
    430 浏览

    javascript - How do I get my arrow text to stay in the right place on fullpage.js?

    I am new here and I am looking for the answer to something that is bugging me so much. I am working on a website for a client and it uses fullpage.js..... you can see the website at http://begemini.co.uk/workshop/loweclothing/index.html

    The problem is I am having issues with the text next to the arrows. I can't get the right text to stay on "slide1" I have tried using "position:fixed" but it stays in the right place but it is on every slide and I need different text on each slide....

    The html code is:

    And the css is:

    So basically I am trying to place the text to the arrows but to transition with the rest of the content. And I want different text next to the arrows on each page. You can download the whole site here to have a look at the whole code.

    Any help would be appreciated.. Thanks, Rob

    0 投票
    0 回答
    809 浏览

    javascript - fullPage.js jQuery 插件到 Wordpress

    我需要帮助。我想在“响应式”的首页使用 Alvaro Trigo 的出色 fullPage.js jQuery 插件( http://alvarotrigo.com/blog/fullpage-jquery-plugin-for-fullscreen-scrolling-websites/ ) ' Cyber​​Chimps 的 Wordpress 主题 ( http://wordpress.org/themes/responsive )。我不确定该怎么做,我需要一步一步的解释。非常感谢您的时间和巨大的帮助。

    0 投票
    1 回答
    715 浏览

    jquery - 如何使首页全屏而其他不全屏

    我想让 HTML5/CSS/JS 网站的第一页始终保持全屏并带有背景图像,并且以下页面应该保持正常。

    例如像这里: http: //www.newkorando.ch/newlove/

    我快速模拟了我的意思:在此处输入图像描述

    任何想法如何做到这一点?我尝试了 fullPage.js,但它不适用于其他页面。