我有一个很奇怪的问题,我不能把我的手指。
我使用的是,它进行了令人敬畏的页面转换,是一个可爱的旋转木马。问题是,它使您的页面成为SPA,因此您必须重新编写init脚本。告诉你真相真是太痛苦了。
在我的barba.js文件中,我在顶部调用了一个旋转木马
import barba from "@barba/core";
import { homeCarousel } from './swiper.js'
function initCarousel() {
if (document.querySelector('.swiper-container
我使用Swiper.js在各部分之间滑动,也使用AOS.js在滚动体上进行动画。我想动画的文字在滑动部分,但只有文本在第一节动画,它只做了一次,当页面加载,而不是每次滑动滑动。我尝试了许多解决方案,但都没有奏效。以下是我在JS中尝试过的:
在幻灯片更改时使用AOS.refresh()on ()重新调用AOS.init(),在幻灯片更改时删除和添加AOS类,在幻灯片更改时手动删除和添加AOS类,将AOS属性手动添加到HTML 中
以下是两个可编辑以正确工作的片段。
var swiper = new Swiper('.swiper', {
on: {
init: f
我希望重写左/右键的默认例程,但无法通过Swiper.js API ()找到如何实现这一点。
看起来,它只提供了禁用/启用默认操作的方法:
mySwiper.keyboard.enabled // Whether the keyboard control is enabled
mySwiper.keyboard.enable() // Enable keyboard control
mySwiper.keyboard.disable() // Disable keyboard control