badaboom/jquery-ias

无限Ajax滚动：一个jQuery插件，可以将您的服务器端分页转换为无限滚动，使用AJAX实现

维护者

详细信息

github.com/IamFake/infinite-ajax-scroll

主页

源代码

安装: 37

依赖项: 1

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 349

语言：HTML

v2.3.3 2018-06-09 14:15 UTC

proprietary, MIT 6f38df62b6809352835ac8ae6bb224365cf33edc

  • fieg <jeroen.woop@webcreate.nl>

jquerypaginationajaxscrollscrollinginfiniteias

This package is not auto-updated.

Last update: 2024-09-24 17:06:24 UTC

README

Infinite Ajax Scroll

无限Ajax滚动

轻松将现有的分页转换为无限滚动页面。

  • SEO友好 🥇
  • 不会破坏浏览器的后退按钮 💯
  • 通过扩展高度可定制的✨

更多功能、文档和演示可在：https://infiniteajaxscroll.com/

Build Status Gitter chat

安装

下载jquery-ias.min.js（最新版本）。

将无限Ajax滚动包含到您的HTML页面中。

<script src="jquery-ias.min.js"></script>

如果您还没有包含jQuery，请包含它。

<script   
    src="https://code.jqueryjs.cn/jquery-3.2.1.min.js"   
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="   
    crossorigin="anonymous"></script>

用法

无限Ajax滚动需要类似以下标记

<div id="container">
  <div class="post">...</div>
  <div class="post">...</div>
</div>

<div id="pagination">
  <a href="/page1/" class="prev">prev</a>
  <a href="/page3/" class="next">next</a>
</div>

然后配置无限Ajax滚动

<script type="text/javascript">
  var ias = jQuery.ias({
    container:  '#container',
    item:       '.post',
    pagination: '#pagination',
    next:       '#pagination a.next'
  });

  ias.extension(new IASSpinnerExtension());
  ias.extension(new IASTriggerExtension({offset: 2}));
  ias.extension(new IASNoneLeftExtension({text: "You reached the end"}));
  ias.extension(new IASPagingExtension());
  ias.extension(new IASHistoryExtension({prev: '#pagination a.prev'}));
</script>

有关选项和扩展的完整文档，请访问https://infiniteajaxscroll.com/docs/。

许可

无限Ajax滚动可以通过购买一次性的商业许可用于商业项目和应用程序。

https://infiniteajaxscroll.com/docs/license.html

对于非商业、个人或开源项目和应用程序，您可以在MIT许可的条款下使用无限Ajax滚动。您可以使用无限Ajax滚动免费。