Что лучше всего использовать swup или html5 history API?

Question

[Genri_Rus]

Может кто поделится или у Вас был опыт с данными request библиотеками

Мне самое главное кроссбраузерность, до ie9 что лучше будет работать ?

И какой вообще алгоритм работы у html5 history API при создании анимации ?

Допустим на этом примере: https://codepen.io/Genri_Rus/pen/BaaWxYb
Если человек кликнет по какой-то ссылке, то меню плавно закрывается и выезжает новая страница ?

Как вообще такое можно реализовать при помощи данных библиотек ?

Answer 1

[grinat]

В 9 ом и ниже его нет. Понятия не имею что такое swup, но тебе нужна либа, которая поддерживает историю через фрагменты, то есть вот так: /#my-awesome-page В html5 нет никаких анимаций

Comments

[Genri_Rus]

Типа такого ?

$(function(){
        const mainApp = $('.main-wrapper'); // получаем нашу обводку для контента
        mainApp.on('click', '.menu li a', function(e){// при клике на пункт меню получаем путь до href 
            e.preventDefault();
            History.pushState(null, document.title, $(this).attr('href'));
        });

        function loadPage(url) {            
           mainApp.css({opacity: 0.5});
           mainApp.load(url + " .menu-wrapper > *", function(){
                mainApp.css({opacity: 1});
            });
        }

        History.Adapter.bind(window, 'statechange',function(e){
            var State = History.getState();
            loadPage(State.url);
        });
});