12

我有一个博客，想让它无限滚动，这样你就不必点击页面和帖子页面。任何人都可以帮助我编写代码，根据Blogger ，它是 HTML 格式的吗？谢谢 ：-）

4

5 回答 5

7

如何向 Blogger 博客添加无限滚动

最近我读了一篇有趣的文章，如何为 Blogger 博客添加无限滚动。如果您正在使用 Blogger 的博客，您可以按照说明为您的博客提供无限滚动，无需太多麻烦。

小部件的代码可在Google Code上找到。随意复制或调整代码。

从他们的网站上，有几点值得一提：

  • 此代码使用jQuery 库，所以不要忘记包含它。
  • 自定义模板博客可能需要更改postContainerSelector代码中变量的值。
  • 您已手动将+1 按钮添加到我的博客。动态加载的帖子不会初始化 +1 按钮；gapi.plusone.go()为了解决这个问题，每次将新帖子添加到页面时，我都必须打电话。
  • _WidgetManager是 Blogger 博客中的一个 JavaScript 对象。您可以查询此对象以查找一些页面元数据。此代码用于_WidgetManager确定当前页面是否显示单个帖子。当只需要显示单个帖子时，无限滚动是没有意义的。
于 2012-10-13T12:42:28.597 回答
4

HTML 无法实现这一点，您需要 JavaScript。

首先为滚动事件设置一个事件监听器。当它触发时，将滚动的距离与文档和窗口的高度进行比较。

如果这表明您在文档附近，请使用 XMLHttpRequest 下载更多内容，然后通常的 DOM 会怀疑将该内容添加到页面中。

于 2012-10-13T10:09:40.110 回答
2

您可以通过 JQuery 或 JScript 实现这一点。HTML 不能单独做到这一点。

这是一些示例，您如何获得它。

于 2012-10-13T10:18:11.077 回答
2

HTML 没有在高度方面指定绝对值，因为它自动允许无限滚动（例如，你不能说 height="100%"。就像 blogger 这样的 CMS 博客而言，应该有用户偏好来说明有多少帖子您想在控制面板中显示。或者，如果您使用带有数据库的服务器端技术（例如 php），您可以使用记录集分页指定显示的项目数。

于 2012-10-13T12:36:40.810 回答
0

您需要使用 JavaScript 添加事件侦听器，这意味着当特定元素进入视口时，会触发一个事件并从某些外部资源中获取数据。数据采用 JSON 格式，您需要提取它并将信息附加到 DIV 中。
为此，我制作了一个脚本，该脚本使用 Jquery 从 Google Docs 中获取数据，并在您滚动到最底部后触发该事件。你可以在这里查看无限滚动

于 2013-06-04T15:51:30.913 回答