问题标签 [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 投票
0 回答
1370 浏览

javascript - pagePiling.js pp-scrollable 不适用于移动设备

在那里,我一直在使用pagePiling.js库来创建可滚动的网站,并使用pp-scrollable该类来允许滚动巨大的内容,以便用户可以scroll在移动到另一个部分之前浏览部分内容。

该功能在桌面浏览器上运行良好,但不适用于移动浏览器。

有没有人对插件有任何类似的问题,如果有,欢迎任何帮助或提示。

谢谢,

0 投票
2 回答
250 浏览

jquery - 使用 Semantic Ui 侧边栏更正 Doctype - 不同的浏览器

我创建了一个简单的 html 业务演示页面,pagePiling.js 并没有什么特别之处,而对于侧边栏,我选择了语义 UI 侧边栏。

在具有不同文档类型的不同浏览器中一切正常。我不知道要改变什么。如果我离开 doctype chrome 将正确显示所有内容。但是 Mozilla Firefox 需要 doctype 以便 jquery 将返回正确的 window.size。当我设置时,侧边栏停止工作。

  1. 问题:没有 doctype 一切正常,但 firefox 不正确执行 jquery 命令 window.height()。

  2. 问题:使用 Doctype html mozilla 可以正常工作,但侧边栏插件无法正常工作。

在删除内容的 html 构造之后。有人帮忙吗?

0 投票
1 回答
1606 浏览

jquery - pagePiling js,到达部分顶部/底部时添加停止

我想知道是否可以在pagePiling.js中添加一个停止一旦达到部分的顶部/底部?

我的主要问题是在 MBPro 上使用触摸板,如果您快速滚动,它将触及部分的顶部/底部并快速过渡到下一部分。相反,我希望它在到达顶部/底部边界时停止,然后需要额外的滚动来进行过渡。

编辑:正常部分确实有一些延迟,问题在于使用.pp-scrollable滚动到部分顶部/底部的部分将快速过渡到下一部分。.pp-scrollable如果在这些部分中,需要额外的滚动才能进入不同的部分,那就太好了。

0 投票
1 回答
750 浏览

javascript - how to disable pagepilling.js behavior?

I am using this jquery plugin . I would like to disable this behavior on mobile devices. How to do it?

0 投票
1 回答
167 浏览

performance - 使用 PagePiling.js 制作的一页网站在 chrome 上非常慢,但在 safari/Firefox 上却很快

有人可以给我一些建议吗?

本网站:

www.mrchrismartin.co.uk

我尝试过简化脚本的加载时间和异步加载,与其他浏览器相比,似乎没有什么影响 chrome 上的长期加载时间?我将非常感谢任何可用的建议

谢谢

0 投票
1 回答
912 浏览

javascript - 当内容在视口中时应用 css 动画(以及 pagepiling.js)

我正在尝试在视口中为内容设置动画。但问题是,jquery(用于检查内容是否在视口中)不起作用,因为我也在使用 pagepiling.js(http://alvarotrigo.com/pagePiling/)。我不知道确切的原因,但我认为这可能是由于使用 pagepiling.js 的不同页面的位置造成了问题。有什么解决方案吗?(基本上,我想要这样的东西

0 投票
2 回答
550 浏览

javascript - 正文上的删除类不适用于 pagepiling.js

我使用pagepiling.js创建了一个网站,该脚本在视口中的部分添加了“活动”类。现在我想在我的身体上添加一个类,section1就像active这样:

它运行良好(该类已添加到主体上)但是当我滚动时我section1没有该类active,因为我现在在section2,主体上的类不会被删除。我该如何解决?我也试过:

但它不起作用。

0 投票
0 回答
156 浏览

javascript - 仅在聚焦时使用 Highcharts 图表加载 iFrame 内容(使用 PagePiling.js)

我正在使用pagePiling.js,并添加了几个额外的部分。这些使用 iFrames 来加载 Highcharts 图表,可以在这里看到。然而,此时,所有 12 个 iFrame 都在加载图表,这使得用户在第一页上不必要地等待几秒钟(并消耗带宽)。

有没有办法只在 iFrame 获得焦点时加载它们?或者,在关注当前图表的同时加载下一个即将出现的图表可能更平滑一点?我还没有真正找到这样的东西。

感谢您的任何提示。

0 投票
1 回答
1139 浏览

javascript - PagePiling.js 中的水平滚动部分

我正在尝试制作一个只有两个部分的页面,第一部分位于顶部,在此处输入图像描述 请看图片。现在我可以使用 pagePiling.js 轻松地转到 div 1 到 div 2。谁能告诉我如何在 div 1 中实现水平效果。并且在 div 1 上的内容结束后,它必须 pagePile 到 div 2 。当回到 div 1 时,用户还可以看到水平滚动的效果。

0 投票
1 回答
93 浏览

javascript - 动态添加选项到脚本

我在我的项目中使用PagePiling ,特别是添加菜单的选项。

根据文档,您可以简单地添加 html:

并在 js 中:

但是,我想添加动态菜单元素,例如:

我如何也更新js中的选项?