使用fullPage的插件添加视差效果

文章/答案/技术大牛

发布

1回答

如何在Fullpage.js中各节之间添加元素

javascript、jquery、fullpage.js

我试图在fullpage.js插件的各个部分之间添加一些视差效果背景。代码是这样的<div class="fallpage"> <div class="parallex-backgrounddiv> <div class="parallex-background

浏览 2提问于2016-02-11得票数 1

回答已采纳

1回答

html、css、parallax、fullpage.js

我正在尝试为我用垂直幻灯片创建的页面添加视差效果。这就是我想要重建的东西。您可以注意到叠加文本和背景图像上有轻微的视差效果我的HTML结构如下所示： <div class="section</div&g

浏览 45提问于2019-08-09得票数 0

1回答

fullPage.js视差滚动幻灯片

parallax、fullpage.js

有什么办法可以达到“视差”的效果时滚动。或者任何不同的脚本来实现整个页面滚动(带有导航)和视差效果。编辑:我真正想做的就是这种效果--

浏览 5提问于2014-07-09得票数 1

2回答

Webflow与Fullpage.js相互干扰

javascript、conflict、fullpage.js

我目前正在使用fullpage.js插件，在我用webflow设计的测试网站上。一切正常工作，直到我包括插件。现在，webflow的滚动交互不再起作用了。我认为两个javascript文件相互干扰，限制了另一个文件的功能正常工作。我很想解决这个问题，但我真的不知道怎么解决。是没有包含fullpage.js的站点。是包含fullpage.js的站点。正如您所看到的，在第一个例子中，

浏览 0提问于2015-02-08得票数 1

回答已采纳

1回答

冲突库: Fullpage.js和ScrollMagic问题

javascript、jquery、html、fullpage.js、scrollmagic

所以我正在制作一个垂直视差滚动网站，有不同的部分，我想在它们之间导航。所以我选择了视差的ScrollMagic和导航的fullpage.js。我的头中包含了fullpage.js CSS文件。/jquery.fullPage.css"> <div id="fullpage"

浏览 1提问于2016-02-10得票数 2

回答已采纳

1回答

wow.min.js与jquery.fullpage.js的结合使用

jquery、fullpage.js、wow.js

我正在使用两个著名的插件wow.min.js和，但是当我在同一页面上使用这两个插件时，其中一个不能工作，请帮帮我。我正在使用这两个脚本来调用它们。<script type="text/javascript"> $('#fullpage').fullpage({

浏览 0提问于2015-06-09得票数 0

1回答

基于垂直滚动和fullPage.js的jquery添加/删除类？

jquery、scroll、fullpage.js

我试图根据垂直滚动添加/删除CSS类(例如"clearHeader“和"darkHeader")和jQuery。这本身非常简单，而且工作良好，但当我尝试将其与fullPage.js (参见)结合时，它就不起作用了。//<![CDATA[ var header = $("#fullpage"); $(window).scroll(fun

浏览 0提问于2015-02-05得票数 0

回答已采纳

1回答

取消绑定Jquery中的轮子事件

javascript、jquery、fullpage.js

我想使用skrollr.js和fullpage.js库来设计我的网站。但是skrollr使用scrollTop的值来转换我们选择的元素，并且fullpage.js似乎会滚动页面，但他只是更改了视区的顶值，所以ScrollTop不会更改，skrollr.js也不起作用。我在寻找一些信息，最后我做了我自己的fullpage.js (我试过了)： '

浏览 2提问于2014-11-16得票数 1

2回答

我在哪里能研究到关于“滚动到页面”的信息？

javascript、jquery、css、frontend

我发现了一个我非常喜欢的网站功能。对于前端web开发，我仍然是相当新的，我找不到任何关于滚动技术是如何使用的信息。这是我感兴趣的“逐页”滚动，我所需要的只是这个技术的名称，这样我就可以进行研究和自学了。谢谢!

浏览 6提问于2014-08-26得票数 0

回答已采纳

2回答

幻灯片图像的视差效果

javascript、jquery、html、css

我有一个全屏滑块的网站，我试图添加一个视差效果，就像在这个视差效果: stellar.js有人用过这两个插件吗？你知道我是否可以用其他类似的插件来实现这一点？

浏览 4提问于2014-03-16得票数 0

1回答

滚动魔术.to()在Wordpress中不使用完整页面

javascript、jquery、wordpress、fullpage.js、scrollmagic

我在使用滚动魔法改变元素的背景色(".background")时遇到了问题。我已经成功地改变了其他元素的背景色，但是这个特定的元素打败了我。，到目前为止，我能想到的是： .to()并不是在tween中使用的正确操作。这是我第一

浏览 3提问于2016-05-14得票数 1

1回答

如何在滚动浏览网站时更改元素的transform: translate()位置？

javascript、jquery、css、scroll、transform

我是个新手，到目前为止还找不到任何可行的解决方案。当用户向下滚动时，图像向上滚动，反之亦然。我查看了他们的javascript文件(overview.build.js中的第28928行)，发现了执行此操作的代码行，但无法准确理解。在我的网站上，当我想要使用这种效果时，我将图像放在div容器中作为img标记，但我也可以将其作为背景图像放置。感谢您的宝贵时间！

浏览 0提问于2016-02-08得票数 0

4回答

Stellar.js上背景图像定位的问题

javascript、css、parallax

我正在使用为一个垂直滚动的网站添加视差效果，但我在背景位置上遇到了问题。当我使用“data-stellar background -ratio”类在div上添加视差效果时，我无法通过CSS将背景位置设置为右。无论如何，所有的背景图像都会移到左边。我尝试使用网站上可用的position属性插件语法，但它似乎以某种方式打破了视差效应。有人能帮我吗？谢谢!

浏览 1提问于2012-09-19得票数 2

1回答

当页面向下滚动时调整其高度的图像

javascript、jquery、html、css、image

我正在寻找一个效果，我已经看到了无数次，并可以在这个网站上的第二张图片：我所指的效果是图像如何向下移动，这样您就可以看到图像顶部的更多部分。这到底叫什么，我将如何复制这一效果？

浏览 3提问于2016-01-08得票数 0

回答已采纳

1回答

如果向下滚动到div make div sticky

javascript、fullpage.js

我已经安装了fullpage.js。当将js添加到div时，它将在向下滚动到div时激活。div保持固定在顶部。但向下滚动时没有任何反应。我不确定是不是因为没有fullpage.js的卷轴。

浏览 2提问于2018-02-05得票数 0

1回答

如何让这3个部分有一个视差卷轴？

javascript、html、css、scroll、parallax

我有3个部分-一个简历部分，一个我喜欢的部分，和一个图像部分。虽然也有页眉和页脚，但不需要将其包括在视差中。<!

浏览 0提问于2015-10-30得票数 0

1回答

Fullpage.js滑动选项

javascript、jquery、css、fullpage.js

我有一个我喜欢用fullpage.js视差效果的触发器触发的动画。.mask-white{ background-color: white; top: 0;这个函数

浏览 1提问于2018-04-17得票数 1

回答已采纳

1回答

页面填充或FullPage -如何实现此滚动效果

javascript、css、jscrollpane、parallax、fullpage.js

我知道这不是一个非常精确的问题，但我不知道从哪里开始，我有一个客观设计的例子，但是我找不到任何解决方案和/或文档来帮助我进行这种类型的布局。更具体地说，这是我想做的滚动效果，http://modern8.com/d5-process/ 应该注意的是，我已经尝试使用FullPageJS，但我无法重新创建它，如果您可以看到效果包括根据滚动应用固定和相对位置，但正如我所指出的，我不知道从哪里

浏览 5提问于2021-03-25得票数 1

2回答

WOW JS不适用于一页卷轴

jquery、css、scroll、wow.js

我使用这个插件：其他时候，我使用了works，它工作得很好，但是这个组合，哇，JS +上电卷轴不起作用。

浏览 4提问于2015-01-26得票数 1

回答已采纳

1回答

导航箭头到安静移动- Fullpage.js

jquery、fullpage.js

我有一些问题，我没有足够好的解决时，使用淡出效果的幻灯片和视差的部分。因此，已经消除了淡出效果，现在使用silentMoveto代替。我试着得到它，所以当你点击幻灯片的导航箭头，他们也使用沉默。下面的脚本试图通过使用fp控件行的类来实现这一点，但不确定如何让它指向上一张或下一张幻灯片。$(document).on('click', '.fp-cont

浏览 0提问于2018-04-04得票数 0

回答已采纳

点击加载更多