文档章节

WordPress Ajax无限下拉瀑布流插件Infinite Scroll

东子
 东子
发布于 2014/09/20 15:13
字数 362
阅读 689
收藏 0

Ajax无限下拉瀑布流效果,只要滚动鼠标或浏览器界面往下拉,访客不必点击翻页按钮,网页无需刷新便会自动加载分页数据,对增加用户体验有不低的促进作用。Infinite Scroll插件完美支持这一需求,只需要在后台简单设置下网页元素选择器名称就可以实现无限加载更多文章,适用于首页和分类页面。

实现的思路,隐藏分页按钮,这样不会影响到搜索引擎收录,动态免刷新加载更多文章。

首先安装插件:https://wordpress.org/plugins/infinite-scroll/

安装Infinite Scroll插件后,进入后台简单的设置一下即可,不需任何更改,如图。

设置的后面还可以自定义加载中和加载完成的提示文字,还有加载中loading自定义图片,以及如何触发自动加载,是手动点击还是自动触发。

后台设置举例:

声明:本文采用 BY-NC-SA 协议进行授权,转载还请注明:WordPress Ajax无限下拉瀑布流插件Infinite Scroll

本文转载自:http://blog.kilvn.com/wordpress-infinite-scroll/

东子

东子

粉丝 8
博文 26
码字总数 10156
作品 2
深圳
程序员
私信 提问
加载中

评论(1)

东子
东子 博主
infinitescroll 瀑布流 下拉自动加载疑问

在使用infinitescroll做瀑布流的时候,有这样一个属性extraScrollPx (滚动条距离底部多少像素的时候开始加载),为什么我设置为150,用IE访问的时候,才刚开始下拉就加载了,都还没有下拉到底部...

jerry2012
2013/09/27
472
0
翻翻git之---实现下拉到底刷新RecycleView InfiniteScroll

版权声明:本文为博主原创文章,允许转载,但请保留出处。 https://blog.csdn.net/ddwhan0123/article/details/50833884 转载请注明出处:王亟亟的大牛之路 因为今天还有点工作上的事没做完,...

王亟亟
2016/03/09
0
0
infinite-scroll学习(三)

$.infinitescroll = function infscr(options, callback, element) { }; 上面这段代码先从下面这部分开始分析 function infscr(options, callback, element) { }; 这是一个类定义的语句,这个......

虾米团长
2013/10/25
112
0
yii中取得CActiveDataProvider的分页信息

if(isset($GET[$dataprovider->pagination->pageVar])){ $currentPage = $GET[$dataprovider->pagination->pageVar]; $currentPage = intval($currentPage); $totalCount = $data_provider->......

bobshi
2012/11/20
1K
0
Element 2.9.0 发布,基于 Vue 2.0 的桌面端组件库

Element 2.9.0 发布了,Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。 新版更新内容...

段段段落
05/31
2.7K
11

没有更多内容

加载失败,请刷新页面

加载更多

PCB设计-Allegro软件入门系列-铺铜操作(下)

铺铜是PCB很常见的操作,PCB的敷铜一般都是覆地铜,增大地线面积,有利于地线阻抗降低,使电源和信号传输稳定,在高频的信号线附近敷铜,可大大减少电磁辐射干扰,起屏蔽作用。 本讲讲解啊一...

demyar
22分钟前
3
0
如何通过WASI SDK 在Linux上编译ZXing C++

Mozilla在今年三月份的时候公布了WASI。WASI的目标就是让WebAssembly在任何地方都可以运行,而不仅仅像现在这样只能运行在Node.js和Web浏览器中。WASI目前依然处于初级阶段,这篇文章分享下如...

yushulx
24分钟前
3
0
.Net界面开发神器—DevExpress官方汉化包免费下载!还在等什么?

点击获取DevExpress v19.1.7新版试用下载 DevExpress Localization Service允许您创建一组自定义的附属程序集,要将语言包添加到程序集中,请查看本文中为大家列出的对应版本的汉化包,下载并...

FILA6666
24分钟前
4
0
php生成二维码

        header('Content-Type: image/png');        //清除缓冲区,防止之前面不知道的情况下被加头部信息导致不显示图片内容        ob_clean();        $...

横着走的螃蟹
30分钟前
3
0
伪类和伪元素

伪类和伪元素 伪类和伪元素,对于绝大多数同学来说,都是耳熟能详的名字,但确实又有很多人搞不清楚它们之间的区别,以致于混淆概念。而当概念都混淆的时候,也往往意味着你不会经常使用它,...

不负好时光
32分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部