问题标签 [barbajs]

我环顾四周，我认为这不是重复的，但如果是，请原谅我。我正在为我的代理机构制作一种由五页组成的“展示柜”。我正在使用 barba.js 转换页面，用户将始终以相同的顺序浏览页面。它的图像和视频很重，所以我想利用用户浏览一个部分的时间来预加载和缓存下一部分的资产。我知道如何使用 js 来做到这一点，但我的问题是 -在第 1 页加载第 2 页的资产实际上会加快第 2 页的加载时间吗？我对浏览器缓存的工作原理知之甚少，如果加载第 2 页没有回报，我不想占用第 1 页的内存。

这是一个有点奇怪的问题，我在一个 Wordpress 网站上实现了Barba.js（一个用于处理无缝页面转换的 PJAX 插件）。使用插件需要重新初始化页面之间的脚本。除了涉及 Wordpress 插件时，我可以正常工作。

当页面直接加载时（即通过显式 URL 或硬刷新，插件会正确呈现内容，但是如果我通过 Barba 内的菜单导航并返回页面，则插件不会重新初始化。请参阅以下说明：

example.com/page1（包含正确加载的插件生成的内容）

通过 Barba 容器内的网站菜单导航到新页面

example.com/page2（无缝加载，其他自定义动画按预期工作）

通过 Barba 容器内的网站菜单导航回第一页

当我再次到达时example.com/page1，插件内容根本不会呈现。我相信这是因为脚本没有被重新初始化。

我读过 Wordpress 使用WP_ENQUEUE_SCRIPT并WP_ENQUEUE_STYLE初始化插件 scipts 和样式，但这是 PHP，这不是我的强项，据我所知，我无法参与其中？

理想情况下，我需要能够像这样重新初始化插件，以便它保留在其他自定义 jS 动画的上下文中：

谁能指出我重新启动 Wordpress 插件的正确方向？

我有一个网站，它有 3 个部分：登陆、项目和技能。每个部分的高度取100vh.

在项目部分，我想创建一个页面转换，将缩略图图像扩展为完整图像。动画在 期间运行良好animationEnter，但是当我单击Close项目页面上的锚标记时，它会滚动回我的主页顶部。有什么方法可以记住主页上的滚动位置，以便动画很好地融合在一起？

这是我的代码的精简版本：

索引哈巴狗文件：

项目页面哈巴狗文件：

Javascript：

我正在使用pace.js 来显示加载进度条，我的主要目的是仅在页面刷新时才显示进度条，而不是在用户单击链接或<a>标签时显示进度条。

我正在使用 barba.js 在用户单击<a>标签时显示页面转换，但是速度会搞乱一切，并在页面转换期间显示加载进度条。

有没有办法阻止这种情况？

示例代码：https ://plnkr.co/plunk/89xXTEFDn6yspNa9

在此，如果您单击“转到关于页面”或“转到主页”，您会注意到每次都会出现加载栏，我不希望那样。请帮忙

（抱歉出现错误，我匆忙制作了这个示例。如果它不起作用，请刷新两次）