很多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();
});
配置详情请到插件页面具体查询。
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。