Блог

Я реализовал функцию бесконечной прокрутки infinite-scroll.com в моем магазине Shopify. Пока все работает отлично, не хватает только одного.
В демо https://infinite-scroll.com/demo/full-page / если вы прокрутите страницу вниз, например, до страницы 2, нажмете на ссылку, а затем нажмете кнопку «Назад», в верхней части восстановленной страницы появится заголовок страницы с надписью «Демонстрация всей страницы — страница 2».
В моем случае этот заголовок отсутствует. Это была бы отличная функция, чтобы пользователь знал, что содержимое отсутствует, потому что его нет на первой странице.
Является ли этот заголовок страницы частью функции бесконечной прокрутки? Кто-нибудь знает, как получить этот заголовок страницы? Большое спасибо за вашу помощь!

Я решил это, добавив этот скрипт. «section-header__title» — это имя класса моего заголовка h1. Я добавляю номер страницы к заголовку, если «страница =» находится внутри URL-адреса в pageload.

 $(document).ready(function() {
  if (window.location.href.indexOf("page=") > -1) {
    var pagenumber = window.location.href.split('page=').pop();
    var elementTitle = $('.section-header__title').first().text();
    elementTitle  = ' - Page '   pagenumber;
    $('.section-header__title').first().text(elementTitle);
  }
});