Jquery实现滚动到底部加载更多（最原始）

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8" /><title>滚动条到底部时自己加载新的内容</title><script type='text/javascript' src='js/jquery.js'></script><script type="text/javascript">var page_num=2;$(document).ready(function(){$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()-$(window).height()){var div1tem = $('#container').height()var str =''$.ajax({type:"GET",url:'ajaxdata',dataType:'json',beforeSend:function(){$('.ajax_loading').show() //显示加载时候的提示
                    },success:function(ret){$(".after_div").before(ret) //将ajxa请求的数据追加到内容里面$('.ajax_loading').hide() //请求成功,隐藏加载提示
                    }})}})})</script>{/literal}</head><body><div><div style='width:100%;height:1200px'>文章内容</div><div class='after_div'></div><div class='ajax_loading' style='background:#F0F0F0;height:60px;width:100%;text-align:center;line-height:60px;font-size:18px;display:none;position:fixed;bottom:0px'><img src="img/loadinfo.net.gif"> 数据加载中</div></div></body>
</html>

参考：http://www.oschina.net/code/snippet_1042544_20893

Jquery实现滚动到底部加载更多（最原始）相关推荐

uniapp实现滚动到底部加载更多数据
如果数据量非常大的话,数据批量加载是一种优化手段,那么,如何实现? onReachBottom uniapp的生命周期onReachBottom 页面滚动到底部的事件(不是scroll-view滚到底 ...
oracle里子连接查询,pc端页面滚动到底部加载更多数据......
场景:pc端页面鼠标滚动到底部时,通过ajax加载更多的数据,实现分页功能,封装成了一个函数,自己根据实际情况调用即可. 说明:discussList是放加载内容的div容器 // 加载更多评价的函数 ...
vue监听滚动到底部加载更多
整理之前做过的一个vue滚动到底部的加载显示更多功能,后台已经分好了页就剩前端渲染主要参数pageSize 每页数量(这里默认10) pageNum 页数,能用代码说的就不吹泡泡了直接上代码: 一. ...
微信小程序 onReachBottom 上拉滚动到底部加载更多问题
onReachBottom 小程序官方有一个onReachBottom上滑到底部执行的函数,但是当使用时发现不起作用.查了写资料发现需要在json里面配置: 1,"enablePullDow ...
vue开发中遇到的滚动到底部加载更多数据问题
今天一直在思考如何这个效果,发现下拉到底部时,总是请求数据很多次,结果就是页面很长,无法再次下拉到底部.在网上找到了一个解决办法,通过增设一个开关,在拉到底部时,请求一次数据,如果成功,关闭开关:如果 ...
html 下拉滚动加载,原生js滚动到底部加载数据和下拉刷新 Scrollload
初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见,即使现在很多pc站点也会有这样的需求,比如百度首页就有.虽然简单的完成这么一个功能非常方便,但是滚动往往会成为性能的瓶颈,处 ...
原生js滚动到底部加载数据和下拉刷新 Scrollload
原文地址 https://github.com/fa-ge/Scrollload/blob/master/README.md 初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见 ...
php底部加载更多,关于vue底部加载更多的代码
本文通过实例代码给大家介绍了vue底部加载更多,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下要实现的效果如下: {{showDay(index)}} {{item.title ...
Android-ScrollView（基本实现，顶部判断，底部判断，底部加载更多）
1.回顾上篇学习了 ViewFlipper 的使用,实现了图片轮播和使用了 OnTonchListener 事件 2.重点 (1)ScrollView (2)属性和方法 (3)实例-判断顶部和底 ...
下滑加载更多js_vue.js怎么实现滑动到底部加载更多数据效果？
vue.js怎么实现滑动到底部加载更多数据效果?下面本篇文章给大家简单介绍一下vue实现滑动到底部加载更多效果.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 本文实例为大家分享了v ...

Jquery实现滚动到底部加载更多（最原始）

Jquery实现滚动到底部加载更多（最原始）相关推荐

最新文章

热门文章