页面标题在返回按钮后没有显示无限滚动答案

【问题标题】：Page title not showing up with infinite-scroll after back button页面标题在返回按钮后没有显示无限滚动
【发布时间】：2021-03-01 01:05:21
【问题描述】：

我在我的 Shopify 商店中实现了infinite-scroll.com 的无限滚动功能。到目前为止效果很好，只是缺少一件事。
在演示 https://infinite-scroll.com/demo/full-page/ 例如，如果您向下滚动到第 2 页，单击链接然后使用返回按钮，在恢复的页面顶部有一个页面标题显示“整页演示 - 第 2 页” .
在我的情况下缺少此标题。这将是一个很棒的功能，以便用户知道内容丢失，因为他不在第一页上。
此页面标题是无限滚动功能的一部分吗？任何人都知道如何获得此页面标题？非常感谢您的帮助！

【问题讨论】：

标签： javascript html infinite-scroll

【解决方案1】：

我通过添加这个脚本解决了这个问题。 “section-header__title”是我的 h1 标题的类名。如果“page=”在页面加载的 url 内，我会将页码附加到标题中。

$(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);
  }
});

【讨论】：