Javascript Barba js滚动位置
我是barba.js的新手,所以我只是想了解一下 执行页面转换时,“我的浏览器页面”滚动保持在原来的位置。这是故意的吗 是否有可能在转换后,像正常情况一样在顶部加载下一页 这是我的密码Javascript Barba js滚动位置,javascript,barbajs,Javascript,Barbajs,我是barba.js的新手,所以我只是想了解一下 执行页面转换时,“我的浏览器页面”滚动保持在原来的位置。这是故意的吗 是否有可能在转换后,像正常情况一样在顶部加载下一页 这是我的密码 function pageTransition() { var tl = gsap.timeline(); tl.to('ul.transition li', { duration: .5, scaleY: 1, transformOrigin: "top left", stagge
function pageTransition() {
var tl = gsap.timeline();
tl.to('ul.transition li', { duration: .5, scaleY: 1, transformOrigin: "top left", stagger: .2 })
tl.to('ul.transition li', { duration: .5, scaleY: 0, transformOrigin: "top left", stagger: .1, delay: .1})
}
function contentAnimation() {
var tl = gsap.timeline();
tl.from('.hero', { duration: 1, translateY: 50, opacity: 0 })
}
function delay(n){
n = n || 2000;
return new Promise(done => {
setTimeout(() => {
done();
}, n)
});
}
barba.init({
sync: true,
transitions: [{
async leave(data) {
const done = this.async();
pageTransition();
await delay(500);
done();
},
async enter(data) {
contentAnimation();
},
async once(data) {
contentAnimation();
}
}]
});
在再次检查文档后,我找到了钩子
barba.hooks.enter(() => {
window.scrollTo(0, 0);
});
如果其他人也有同样的问题,这就解决了问题。再次检查文档后,我找到了钩子
barba.hooks.enter(() => {
window.scrollTo(0, 0);
});
如果其他人也有同样的问题,这就解决了问题