...
滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用,高手勿喷。 当然本例子采用的是jquery库,后期会做成原生js。 本例的数据调用的是锋利的jquery一书提供的一段json。 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop window的height是否大于document的height,jquery如下代码: windo ...
2013-05-12 16:45 0 5348 推荐指数:
...
...
这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得。 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据 ...
第6天 实现第二个小插件,在欧巴和百度的帮助下完成的。 首先分析思路: 1、首先判断现在是否滚动到页面底部。获取当前滚动条到顶部的距离、文档高度、当前窗口浏览器高度。 2、滚动到底部时出现正在加载数据的动画,到数据加载完成时动画消失。 3、自动追加内容。这个要用到ajax。 代码 ...
...
$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离 $(document).scrollLeft() 这是获取水平滚动条的距离 ...
...
scrollTop 页面滚动的高度, clientHeight 可视区域高度 scrollHeight 可滚动内容的高度 mounted(){ // 添加滚动事件,检测滚动到页面底部 ...