问题标签 [barbajs]

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 回答
785 浏览

javascript - 在我的网站中,我添加了 barba.js,问题是当我转到下一页 barba 动画工作但其他 javascript 函数不起作用时

我有一个网站,并且在我的 html 代码中添加了 barba.js,如果我进入内页,barba 动画工作正常,但其他 javascript 函数不起作用。

所以我在 html 页面中添加了这个 barba 脚本,

那么有人可以帮我解决这个问题吗?

0 投票
0 回答
211 浏览

javascript - Material Design 波纹动画转换成 HTML Web

你好 StackOverFlowers!

我在 jsfiddle.net 上发现了这个非常棒的动画,并且真的很想在我的项目中使用它。如果您点击链接,作者“internoma”指出,如果添加一点 Ajax,它可以用作页面转换。

我的问题是:我要添加什么 Ajax 代码才能完成这项工作?!

我非常迷茫,任何建议将不胜感激。

如果您碰巧知道如何使用 Barba.js 或 smoothState.js 来实现这一点,那也很棒,因为这些是插件,我想深入学习。

提前致谢!

链接:Material Design 波纹过渡

JavaScript:

CSS

HTML

0 投票
0 回答
475 浏览

javascript - Barba.js + 鼠标滚轮 + TweenMax。我不明白为什么页面滚动不起作用

545/5000 我已经到了无法思考的地步。我需要一只手!!!我将鼠标滚轮与 tweenmax 一起用于滚动。在主页中滚动是水平的,而在其他页面中滚动是垂直的。它可以正常工作,但显然在手机上,尤其是在华为手机上,滚动不起作用。我想介绍 barba.js 用于页面转移。但只有水平滚动有效。对不起,我的英语不好

显然我知道手机没有轮子。你不应该自动采取手势吗?

对于 barba.js,我使用了不透明的过渡

只有主页我有这个代码

谢谢大家的合作

0 投票
0 回答
72 浏览

javascript - 页面刷新后应该显示页面的初始内容

在我的 html 网站中,我使用了 Fullpage.js,所以我有四个页面,所以每当我点击主页到其他内页时,最初它会显示中心部分。但它应该显示内容的初始页面。

这个怎么做?Actuallay barba.js 我也用过。这是我使用我的网站的 barba 代码;

0 投票
2 回答
4501 浏览

javascript - 使用 barba.js 进行页面转换后 JavaScript 文件不加载

我有一个带有链接的网站。当我单击链接时,我希望使用 jQuery 将页面平滑过渡到下一页。我让 barba DOM 中的 HTML 元素淡出。但是当下一页尝试加载时,除了 JavaScript 之外的所有内容都会加载。

这是我的代码:(index.html)

我可以在控制台中看到控制台日志,但没有加载 JavaScript。

这是我要加载的页面:(home.html)

我没有任何错误。我也在这里看到了一个与我的问题相同的问题,但很不清楚。(到目前为止还没有任何答案)谢谢!

0 投票
0 回答
1681 浏览

jquery - 为什么 barba.js 在 wordpress 上有问题?

我在 wordpress 网站上安装了 barba.js,但由于某种原因它开始崩溃。我使用了这个例子中的代码。 我在文件 single.php 中构建了这个页面

single.php 返回

我遇到了一个错误,因此动画朝一个方向工作。我点击了两次 prev http://static2.keep4u.ru/2019/03/24/asdee75ac4e09a1e0375d.gif

当我添加 basename

然后他开始扭曲链接,但能够开始反向动画,但只是在第二次尝试时。我点击了下一个然后上一个 http://static2.keep4u.ru/2019/03/24/asdee75ac4e09a1e0375d.gif

例如,他还停止在 barba-container 中执行 jquery 代码

在进行第一次过渡后,他停止了工作。

有人可以解释我做错了什么吗?

0 投票
1 回答
496 浏览

javascript - 用于页面转换的 Barba.js 错误:“推送状态尝试失败”

我正在尝试使用 Barba.js 进行页面转换。当我尝试运行此代码时,我收到“阻止尝试使用 history.pushState() 更改会话历史 URL”错误消息。我相信它与DOM有关。我是 JS 新手,任何帮助将不胜感激。下面我附上了代码。谢谢!

HTML:

HTML:

JS:

CSS:

0 投票
2 回答
306 浏览

javascript - 谷歌分析不适用于 Barbajs

尝试在使用 Barba JS 的站点中使用最新的谷歌分析跟踪代码,但它不会跟踪第一页,即用户的路径,有什么想法吗?

0 投票
1 回答
525 浏览

javascript - 在加载或单击时将新页面滚动到顶部

我正在使用 barba.js 淡入新页面。代码必须放在 barba 包装器 div 之间。但是,当我单击指向新页面的链接时,新页面会淡入与上一页相同的位置。因此,如果用户单击页脚附近的链接,则新页面将在其页脚附近加载,我不想要。如何让新页面加载到顶部?我尝试在链接中添加一个类:

并将其添加到页脚(在 barba 包装器中,就像所有其他 js 一样):

但它不起作用。

0 投票
0 回答
457 浏览

barbajs - Barba.js - 自定义 CSS 过渡不起作用

我正在按预期导入@barba/core 和@barba/css,但我无法让barba 使用自定义CSS 类。

如果我对文档的理解是正确的,那么 barba 应该添加.custom-transition-appear-active到 barba 包装器中。但是 barba 仍然使用基本.barba-appear-active类。

对此有什么想法吗?