Window.history.pushState() и кнопка "назад" браузера

@olegJS95 · Регистрация: 02.05.2019

Author24 — интернет-сервис помощи студентам

Подскажите пожалуйста, как решить такую проблему. На сайте есть статьи и так устроено, что при докручивании скролом до конца одной статьи, через аякс подгружаются новые. И я сделал через JS при помощи pushState, чтобы при этом на каждой новой статье менялся url и записывался в историю браузера. Но получается так, что я листаю, а когда нажимаю на кнопку назад браузера, то оно выкидывает не на статью , что была предыдущей, а на стараницу на которой я был вообще до начала прокручивания статей. А надо, чтобы при нажатии кнопки Назад переходило на страницу статьи , что пролистывалась последней. юрл-лы статей подставляются из атрибутов статей.

Javascript

var currentArticle = null;
function articleHistoryOnScroll(){
  var articles = document.querySelectorAll("article.article-content");
    var articlesLength = articles.length; 
    for(var i=articlesLength-1; i>=0; --i){
      if(articles[i].getBoundingClientRect().top<40){
           if(currentArticle != i){
           currentArticle = i;
           var title = articles[i].getAttribute("data-title");
           var url = articles[i].getAttribute("data-url");
           window.history.pushState({url:url},title,url);
           document.title = title;
         } 
         break;
      }
    }  
}

	15.09.2019, 19:39