如何在Blogger中创建无限滚动页面?

时间:2012-10-13 10:06:37

标签: blogger infinite-scroll

我有一个博客,并希望无限滚动,因此您无需点击帖子的页面和页面。根据 Blogger ,任何人都可以帮我处理代码吗? 谢谢: - )

5 个答案:

答案 0 :(得分:5)

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

最近我读了一篇有趣的文章How to add infinite scrolling to Blogger blogs。如果您正在使用Blogger的博客,您可以按照说明操作,为您的博客提供无限卷轴,而不会有太多麻烦。

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

从他们的website,值得一提的几点:

  
      
  • 此代码使用jQuery library,因此请不要忘记包含它。
  •   
  • 自定义模板博客可能必须更改代码中postContainerSelector变量的值。
  •   
  • 您已手动将+1 buttons添加到我的博客中。动态加载的帖子不会初始化+1按钮;为了解决这个问题,每次在帖子中添加新帖子时,我都必须致电gapi.plusone.go()
  •   
  • _WidgetManager是Blogger博客中的JavaScript对象。您可以查询此对象以查找某些页面元数据。此代码使用_WidgetManager来确定当前页面是否显示单个帖子。当只需要显示一个帖子时,无限滚动没有意义。
  •   

答案 1 :(得分:3)

HTML无法实现这一目标,您需要使用JavaScript。

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

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

答案 2 :(得分:2)

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

Here就是如何得到这个的一些例子。

答案 3 :(得分:2)

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

答案 4 :(得分:0)

您需要使用JavaScript添加事件侦听器,这意味着当特定元素到达查看端口时会触发事件并从某些外部资源获取数据。数据以JSON格式提供,您需要提取它并将信息附加到DIV中。
为此,我创建了一个脚本,使用Jquery从Google Docs获取数据,滚动到底部后触发事件大部分。 You can check the infinite scroll here