问题标签 [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 - pagePiling.js pp-scrollable 不适用于移动设备
在那里,我一直在使用pagePiling.js库来创建可滚动的网站,并使用pp-scrollable
该类来允许滚动巨大的内容,以便用户可以scroll
在移动到另一个部分之前浏览部分内容。
该功能在桌面浏览器上运行良好,但不适用于移动浏览器。
有没有人对插件有任何类似的问题,如果有,欢迎任何帮助或提示。
谢谢,
jquery - 使用 Semantic Ui 侧边栏更正 Doctype - 不同的浏览器
我创建了一个简单的 html 业务演示页面,pagePiling.js 并没有什么特别之处,而对于侧边栏,我选择了语义 UI 侧边栏。
在具有不同文档类型的不同浏览器中一切正常。我不知道要改变什么。如果我离开 doctype chrome 将正确显示所有内容。但是 Mozilla Firefox 需要 doctype 以便 jquery 将返回正确的 window.size。当我设置时,侧边栏停止工作。
问题:没有 doctype 一切正常,但 firefox 不正确执行 jquery 命令 window.height()。
问题:使用 Doctype html mozilla 可以正常工作,但侧边栏插件无法正常工作。
在删除内容的 html 构造之后。有人帮忙吗?
jquery - pagePiling js,到达部分顶部/底部时添加停止
我想知道是否可以在pagePiling.js中添加一个停止一旦达到部分的顶部/底部?
我的主要问题是在 MBPro 上使用触摸板,如果您快速滚动,它将触及部分的顶部/底部并快速过渡到下一部分。相反,我希望它在到达顶部/底部边界时停止,然后需要额外的滚动来进行过渡。
编辑:正常部分确实有一些延迟,问题在于使用.pp-scrollable
滚动到部分顶部/底部的部分将快速过渡到下一部分。.pp-scrollable
如果在这些部分中,需要额外的滚动才能进入不同的部分,那就太好了。
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?
performance - 使用 PagePiling.js 制作的一页网站在 chrome 上非常慢,但在 safari/Firefox 上却很快
有人可以给我一些建议吗?
本网站:
www.mrchrismartin.co.uk
我尝试过简化脚本的加载时间和异步加载,与其他浏览器相比,似乎没有什么影响 chrome 上的长期加载时间?我将非常感谢任何可用的建议
谢谢
javascript - 当内容在视口中时应用 css 动画(以及 pagepiling.js)
我正在尝试在视口中为内容设置动画。但问题是,jquery(用于检查内容是否在视口中)不起作用,因为我也在使用 pagepiling.js(http://alvarotrigo.com/pagePiling/)。我不知道确切的原因,但我认为这可能是由于使用 pagepiling.js 的不同页面的位置造成了问题。有什么解决方案吗?(基本上,我想要这样的东西)
javascript - 正文上的删除类不适用于 pagepiling.js
我使用pagepiling.js创建了一个网站,该脚本在视口中的部分添加了“活动”类。现在我想在我的身体上添加一个类,section1
就像active
这样:
它运行良好(该类已添加到主体上)但是当我滚动时我section1
没有该类active
,因为我现在在section2
,主体上的类不会被删除。我该如何解决?我也试过:
但它不起作用。
javascript - 仅在聚焦时使用 Highcharts 图表加载 iFrame 内容(使用 PagePiling.js)
我正在使用pagePiling.js,并添加了几个额外的部分。这些使用 iFrames 来加载 Highcharts 图表,可以在这里看到。然而,此时,所有 12 个 iFrame 都在加载图表,这使得用户在第一页上不必要地等待几秒钟(并消耗带宽)。
有没有办法只在 iFrame 获得焦点时加载它们?或者,在关注当前图表的同时加载下一个即将出现的图表可能更平滑一点?我还没有真正找到这样的东西。
感谢您的任何提示。