问题标签 [fullpage.js]

我最近在我的网站上安装了“FullPage.js”。我想出了如何让幻灯片工作，但由于某种原因，这些部分不会。在控制台中似乎找不到任何东西。

JS

I'm trying to adapt the jquery script fullpage.js on a (french) cms "SPIP" (http://spip.net).

It's a script to create a one page website with horizontal and vertical navigation.

I have a bug with the horizontal navigation. Text are cut before the end. The height depends of the height of the window.

I have to resize twice the window to be abble to read all the text.

what can i do ?

Here the website : http://gilleskleinformations.fr/?var_mode=recalcul (see "blognotes").

(i'm a dummy with javascript)

Thanks in advance!

我已经在这里设置了这个问题的所有内容：

https://github.com/alvarotrigo/fullPage.js/issues/200

但我只能让它适用于第 1 部分，向右滑动 0。我页面的 2 个部分各有 9 张幻灯片。我想让这对他们每个人都有效，无论是向右还是向左。（第 2 节幻灯片随着第 1 节幻灯片的变化而变化）。

先感谢您！

我有一个使用全屏幻灯片的单页网站（由fullPage.js提供支持）。

我让这个脚本在页面第一次加载时为一些文本设置动画（第一页是带有动画的页面）我对 JS 相当陌生，所以我想知道如何让它在每次用户导航到幻灯片时执行动画?

JS：

它只是动画三个spans。当我导航回幻灯片时，我希望它再次为它们设置动画。另外，当导航到另一张幻灯片时，如何设置opacity= 0？（以便可以重新设置动画

HTML：

CSS对于.test：

我正在尝试在 underscores.me wordpress 主题中使用https://github.com/alvarotrigo/fullPage.js 。我只是一个业余程序员，所以我可能会遗漏一些基本的东西，但我就是不知道哪里出错了。我真的很感谢任何人的帮助。

到目前为止，我只对下划线基本主题进行了少量修改，只是试图让 fullPage.js 脚本正常工作。这是项目：http ://www.loveroots.us

不知道如何描述我的问题，但希望它有意义。我正在尝试将 fullpage.js（https://github.com/alvarotrigo/fullPage.js/blob/master/README.md ）调用到 wordpress 主题，到目前为止它的效果还不错。该脚本将 div 用于幻灯片，并将嵌套 div 用于父幻灯片内的水平幻灯片。像这样：

<div class="section"> <div class="slide"> Slide 1 </div> <div class="slide"> Slide 2 </div> <div class="slide"> Slide 3 </div> <div class="slide"> Slide 4 </div> </div>

但是，我正在使用这个地方的代码：http ://www.themevan.com/build-an-one-page-portfolio-website-with-wordpress/?codekitCB= 413560456.282228 为每个页面创建锚链接，并且我运行此循环以从制作的每个页面制作幻灯片：

<div id="pageSlide-<?php echo $post->post_name;?>" class="section" data-anchor="<?php echo $post->post_name;?>">

这很好用，但很难做水平幻灯片。无论如何创建一个循环来为页面和子页面创建所需的html结构？

Im using Fullpage.js and trying to make it work with wordpress, and its going forward. However, I'm trying to figure out how to be able to scroll trough a slide with content higher then the active slide. The plugin comes with a scroll overflow function, but that vill make a scrollbar that scrolls trough your content, and keeps going to the next slide.

Ideally a constant scrollbar that stops at the current slide would be the best option for me, but i dont know if this is possible.

Been fiddling with this for a while, so if anyone has any ideas how to solve this i would be thankful. My site:

http://www.svenssonsbild.se/Fullscreen/

Edit: Realize that what i want should be able to achieve by setting scrolloverflow: true in the plugins setting. Just didnt realize it didnt work for me.

So, if anyone hav any ideas why it wont work for me then it would be great. I suspect it have something with having the scripts hardcoded in the header and not enqueued, which i havent been able to figure out how to, since the supercontainer the script creates duplicates.

anyhow, any pointers will be very appriciated.

指定这个问题：https ://github.com/Prinzhorn/skrollr/issues/444

源代码可以在这里找到

当我在第二部分中滚动时，我希望它们 kittehs 200x200 通过 skrollr 数据属性移动到中心。即 skrollr 的一个实例应该会影响 <div class="skrollr-1">. 只是不要明白什么是错的。控制台保持安静。

SlimScroll.js 将 div.skrollr-1 包装成两个块：

作者认为这是不恰当的。但是在这些 div 上设置 overflow:auto!important 无效。

UPD自 skrollr

从窗口获取滚动位置

我尝试使用文档中引用的视口模式，但没有效果。

UPD2不太确定我是否正确理解了 skrollr zen，在未提供将 skrollr 粘贴到 DOM 元素时，视口模式是如何工作的？

UPD3 FullPage.js 开发人员报告说问题不在于他的插件

耐心是一如既往的关键。宇宙级感谢任何想法

我必须用我自己的想法完成一些项目。

这是您可以看到所有想要的功能和行为的视频。

这是我正在学习的公司的人制作的 Work in Progress 版本：podpiwekjedrzej.com。

这是我正在进行的当前版本。

我需要用我自己的想法和选择的工具从上面的视频中制作这些效果：我找到了 FullPage.js 用于垂直和水平滚动全屏滑块站点。对于滚动对象，我找到了 Skrollr.js。

现在：

没有 FullPage.js，Skrollr 运行良好。在装有 Android 的平板电脑上，我当前的版本正在运行，而在我将浏览器窗口调整为非常小的尺寸时，PC 上正在运行，但它只适用于键盘。我还需要对菜单进行动画移动 - 什么工具对此有好处？所有人都必须响应。

我无法继续这个项目，因为关键功能阻止了我。

我刚刚开始学习 jQuery 和 JS，所以我还不能为此编写自写代码。

请帮忙。

一直在玩 Fullpage.js ( http://alvarotrigo.com/fullPage/ ) 和wordpress，这非常成功。该脚本非常棒，它使用了 html 结构，其中幻灯片容器内的 div 变成了水平幻灯片。

对于 wordpress，我有一个循环来获取页面以变成幻灯片，并且效果很好。但是，要创建放置在具有正确类的父容器内的页面似乎是我无法弄清楚的事情。感觉应该是可能的吗？如果有人对可以做我想要的循环有任何想法，我将不胜感激任何建议。

`

`