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

javascript - 滚动时更改导航文本和徽标颜色

我对 HTML 和 CSS 没有太多经验。我有一个 PagePiling.js 滚动的网站。当我滚动到下一部分时,我想让我的徽标图像和导航文本的颜色发生变化,但只有“跨越”下一部分的徽标和导航部分需要更改(对不起,我的英语是不太好。不知道如何解释)。这意味着当徽标和导航文本到达灰色部分时,它们必须变成不同的颜色,例如红色或其他颜色。看看我在 CodePen 上找到的这段代码,在灰色部分仍在滚动的文本部分是黑色的,在蓝色部分的部分是白色的。我在http://informatica.thebrandcode.nl/上托管了我的网站。

HTML:

CSS:

0 投票
1 回答
332 浏览

javascript - 将 pagepilling.js(一个 jQuery 插件)限制在网站的几个部分

如何将 pagepilling.js(一个 jQuery 插件)限制在网站的几个部分而不是整个网站

0 投票
1 回答
1535 浏览

javascript - jquery动画页面打桩

我正在寻找类似于这个网站http://cuberto.com/的 jquery 动画。到目前为止,我已经通过 pagePiling.js完成了这个链接http://codepen.io/mirmibrahim/pen/MJoGBY 。任何人都可以帮助我完全按照路伯托的方式完成它。我不知道如何加载一半的页面图像和一半的文本,然后打开下一部分从第一张幻灯片上的正方形动画开始。

0 投票
0 回答
180 浏览

javascript - 部分开始移动之前的 PagePiling.js 延迟

是否有可能阻止 pagePiling.js 在触发鼠标滚轮时移动当前的 pp 部分?或者更好的是,在延迟后强制开始移动?

我当前的问题是我想在 pp 部分开始移动之前在 pp 部分中显示动画。为此,我需要延迟。也许我需要一个类似 beforeLoad 的事件,它没有在那里实现。

我第一次使用 pagepiling.js,所以也许我只是想不正确,因为我也没有在网上找到任何关于这个或类似问题的问题。欢迎任何建议!

0 投票
0 回答
299 浏览

jquery - 网站在手机上不滚动

我还没有完成这个网站,还在工作和纠正设计。

我花了 2 天的时间遇到​​的主要问题是,除非您触摸网站徽标所在的区域,否则网站根本不会滚动。

注意:我正在使用PagePiling.js

请在您的手机上试试这个:

可能有一个div或一些标签<body>不允许我滚动,或者 JavaScript 代码有一些问题。

0 投票
3 回答
4525 浏览

javascript - 不支持的伪:视口内

我正在按照本指南检测我的视频元素何时进入视口,然后执行“x”,但不断收到标题错误。不知道是不是因为我使用带有 gulp 和piling.js的 wordpress

我的页面使用 Piling 并且我有一个视频部分,当我滚动到该“堆栈”时,我希望视频开始播放,但它在页面加载时开始播放。

未捕获的错误:语法错误,无法识别的表达式:不支持的伪:in-viewport

使用打桩会使这难以工作吗?

0 投票
1 回答
1620 浏览

javascript - 使用 GSAP 和滚动的滑块过渡

嗨,我正在尝试 使用 TweenMax复制此页面部分http://cuberto.com上的转换。

codepen 的完整代码可以在这里找到

我基本上是在尝试在一堆带有滑动动画的滑块之间进行转换,我已经在每张幻灯片上用黑色或粉红色交替了我想转换的元素,这样我就可以看到动画了。

我似乎可以将动画与当前幻灯片隔离 - 本质上我希望左侧 div 增长到 100%,然后在页面右侧设置动画,然后切换到下一个滑块并将左侧潜水设置为一个宽度50% 从初始状态 0。我相信这就是 Cuberto 网站正在做的事情。

我怎么会因为滚动事件在所有幻灯片上触发动画而陷入困境。

我对香草 javascript 不是特别胜任,但想尝试使用或不使用 jQuery。

我已经尝试过 pagepiling.js 和 fullpage.js 但这并没有达到我想要的效果。

我真的可以做一个我可以去我的客户那里的决议,或者至少一个我可以去的方向。

谢谢

0 投票
0 回答
380 浏览

javascript - Html2Canvas 只渲染视口

使用 html2canvas 尝试创建 pdf 和/或 png 及其工作,除了它只呈现屏幕的可见部分。

有人知道如何解决这个问题吗?

在有人标记这个之前,我已经在网上到处检查过这个问题,但找不到有效的解决方案。

0 投票
1 回答
608 浏览

jquery - jQuery pagePiling - 多个部分在第一次加载时一次滑动

我正在使用一个名为 pagePiling 的 jQuery 插件,它总体上运行良好,但我遇到了一个问题,即有时它会一次滚动多个页面幻灯片/部分。它似乎只在页面首次加载时发生 - 如果我多次刷新页面,它可以正常工作。

这是有问题的网站:

http://baytree-demo.co.uk/hannover/

它可能会为您正确加载,您将看不到问题。

主页上有四个部分。第一个和最后一个包含照片背景,而其他两个是基于灰色图形/地图的。当问题发生时,它只是从第一部分滚动到最后一部分——立即跳过中间的两个部分。您可以在页面 URL 中看到这一点,因为 #section-name 会迅速变化。

谢谢你。

0 投票
2 回答
1637 浏览

jquery - jQuery scroll() 方法在 pagepiling.js 上不起作用

#menu我只需要在活动时添加类'#pagepiling .section:first-child'。滚动时必须删除类。我需要检查每个卷轴的情况。

请从这里检查代码https://codepen.io/anon/pen/PagXLw