很多APP有个功能挺有用,就是在页面顶部往下拉会刷新数据。那么网站上怎么实现呢?

这里就提一个插件:

pulltorefresh.js

插件网址: http://bxf.mx/pulltorefresh.js/
Github: https://github.com/BoxFactura/pulltorefresh.js

使用方法:

引入插件库:

<script src="https://code.1pxeye.com/download/lib/pulltorefresh.js"></script>

插件配置方法:

function pullDownRefresh() {
	PullToRefresh.init({
		mainElement: 'body',
		instructionsPullToRefresh: '下拉刷新頁面',
		instructionsReleaseToRefresh: '釋放以刷新頁面',
		instructionsRefreshing: '正在重載...',
		onRefresh: function () { window.location.reload(); }
	});
}

$(function () {
	pullDownRefresh();
});

配置详情请到插件页面具体查询。