问题标签 [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.
javascript - 滚动时更改导航文本和徽标颜色
我对 HTML 和 CSS 没有太多经验。我有一个 PagePiling.js 滚动的网站。当我滚动到下一部分时,我想让我的徽标图像和导航文本的颜色发生变化,但只有“跨越”下一部分的徽标和导航部分需要更改(对不起,我的英语是不太好。不知道如何解释)。这意味着当徽标和导航文本到达灰色部分时,它们必须变成不同的颜色,例如红色或其他颜色。看看我在 CodePen 上找到的这段代码,在灰色部分仍在滚动的文本部分是黑色的,在蓝色部分的部分是白色的。我在http://informatica.thebrandcode.nl/上托管了我的网站。
HTML:
CSS:
javascript - 将 pagepilling.js(一个 jQuery 插件)限制在网站的几个部分
如何将 pagepilling.js(一个 jQuery 插件)限制在网站的几个部分而不是整个网站
javascript - jquery动画页面打桩
我正在寻找类似于这个网站http://cuberto.com/的 jquery 动画。到目前为止,我已经通过 pagePiling.js完成了这个链接http://codepen.io/mirmibrahim/pen/MJoGBY 。任何人都可以帮助我完全按照路伯托的方式完成它。我不知道如何加载一半的页面图像和一半的文本,然后打开下一部分从第一张幻灯片上的正方形动画开始。
javascript - 部分开始移动之前的 PagePiling.js 延迟
是否有可能阻止 pagePiling.js 在触发鼠标滚轮时移动当前的 pp 部分?或者更好的是,在延迟后强制开始移动?
我当前的问题是我想在 pp 部分开始移动之前在 pp 部分中显示动画。为此,我需要延迟。也许我需要一个类似 beforeLoad 的事件,它没有在那里实现。
我第一次使用 pagepiling.js,所以也许我只是想不正确,因为我也没有在网上找到任何关于这个或类似问题的问题。欢迎任何建议!
jquery - 网站在手机上不滚动
我还没有完成这个网站,还在工作和纠正设计。
我花了 2 天的时间遇到的主要问题是,除非您触摸网站徽标所在的区域,否则网站根本不会滚动。
注意:我正在使用PagePiling.js
库
请在您的手机上试试这个:
可能有一个div
或一些标签<body>
不允许我滚动,或者 JavaScript 代码有一些问题。
javascript - 不支持的伪:视口内
我正在按照本指南检测我的视频元素何时进入视口,然后执行“x”,但不断收到标题错误。不知道是不是因为我使用带有 gulp 和piling.js的 wordpress
我的页面使用 Piling 并且我有一个视频部分,当我滚动到该“堆栈”时,我希望视频开始播放,但它在页面加载时开始播放。
未捕获的错误:语法错误,无法识别的表达式:不支持的伪:in-viewport
使用打桩会使这难以工作吗?
javascript - 使用 GSAP 和滚动的滑块过渡
嗨,我正在尝试 使用 TweenMax复制此页面部分http://cuberto.com上的转换。
codepen 的完整代码可以在这里找到
我基本上是在尝试在一堆带有滑动动画的滑块之间进行转换,我已经在每张幻灯片上用黑色或粉红色交替了我想转换的元素,这样我就可以看到动画了。
我似乎可以将动画与当前幻灯片隔离 - 本质上我希望左侧 div 增长到 100%,然后在页面右侧设置动画,然后切换到下一个滑块并将左侧潜水设置为一个宽度50% 从初始状态 0。我相信这就是 Cuberto 网站正在做的事情。
我怎么会因为滚动事件在所有幻灯片上触发动画而陷入困境。
我对香草 javascript 不是特别胜任,但想尝试使用或不使用 jQuery。
我已经尝试过 pagepiling.js 和 fullpage.js 但这并没有达到我想要的效果。
我真的可以做一个我可以去我的客户那里的决议,或者至少一个我可以去的方向。
谢谢
javascript - Html2Canvas 只渲染视口
使用 html2canvas 尝试创建 pdf 和/或 png 及其工作,除了它只呈现屏幕的可见部分。
有人知道如何解决这个问题吗?
在有人标记这个之前,我已经在网上到处检查过这个问题,但找不到有效的解决方案。
jquery - jQuery pagePiling - 多个部分在第一次加载时一次滑动
我正在使用一个名为 pagePiling 的 jQuery 插件,它总体上运行良好,但我遇到了一个问题,即有时它会一次滚动多个页面幻灯片/部分。它似乎只在页面首次加载时发生 - 如果我多次刷新页面,它可以正常工作。
这是有问题的网站:
http://baytree-demo.co.uk/hannover/
它可能会为您正确加载,您将看不到问题。
主页上有四个部分。第一个和最后一个包含照片背景,而其他两个是基于灰色图形/地图的。当问题发生时,它只是从第一部分滚动到最后一部分——立即跳过中间的两个部分。您可以在页面 URL 中看到这一点,因为 #section-name 会迅速变化。
谢谢你。
jquery - jQuery scroll() 方法在 pagepiling.js 上不起作用
#menu
我只需要在活动时添加类'#pagepiling .section:first-child'
。滚动时必须删除类。我需要检查每个卷轴的情况。