html下拉自动加载更多,H5页面下拉加载更多(实用版)

近期在做一个H5网站，需要下拉加载更多产品列表的功能。百度搜索了好久，什么说法都有，什么插件都有。   醉了。基本上每一个能直接拿来用的。

最后发现:

1、dropload.js 插件  还可以，但是有个问题，只能单页使用比较方便。带有tab标签的不推荐使用。

2、自己百度了半天总结出来的一套:

document.addEventListener('scroll', watchScroll);

var itemIndex = 0;

var classid = 10;

var isloading = 0;//防止无限滚动加载

var page = $("#page").val();//页码

loadDataDynamic();//加载数据

$(function () {

$('.tab').bind('click', function () {// tab导航绑定点击事件

document.body.scrollTop = 0;//首先复位顶部

var $this = $(this);

itemIndex = $this.index();

$this.addClass('weui_bar_item_on c_f8').siblings('.tab').removeClass('weui_bar_item_on c_f8');//添加选中样式

$('.itme').eq(itemIndex).show().siblings('.itme').hide(); //切换显示div

classid = this.att