Как перейти в начало страницы с помощью swup js - PullRequest
0 голосов
/ 21 июня 2020

Используя Swup JS Я добился приятного эффекта перехода, который отлично работает, за исключением одной проблемы.

Если я прокручиваю вниз до определенной точки на странице «A», нажмите URL-адрес для перехода на страницу » B », я не перехожу в самый верх страницы« B », но вместо этого точка прокрутки такая же или близкая. вверху страницы?

1 Ответ

0 голосов
/ 27 июня 2020
const options = {
    animationSelector: '[class*="transition-fade"]',
    animateHistoryBrowsing: true,
    plugins: [

        new SwupScrollPlugin({
            animateScroll: false
        })
    ]
};

const swup = new Swup(options);

let scrollValues = {};

swup.on('clickLink', () => {
    scrollValues[window.location.href] = window.scrollY;
});

swup.on('popState', () => {
    setTimeout(function() {
        window.scrollTo(0, scrollValues[window.location.href]);
    }, 100);
});
...