扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
你好,加个定时器是完事了,不懂请追问,希望采纳
成都创新互联公司是一家专业提供双牌企业网站建设,专注与网站建设、网站制作、H5开发、小程序制作等业务。10年已为双牌众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
$(document).on("scroll", function() {
setTimeout(function(){
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(window).height();
var h = scrollTop + windowHeight - scrollHeight
if (h == 0) {getdata()
},3000)
}
给你一个例子:
div id="wrapper"
ul
lirow 10/li
lirow 9/li
lirow 8/li
lirow 7/li
lirow 6/li
lirow 5/li
lirow 4/li
lirow 3/li
lirow 2/li
lirow 1/li
/ul
/div
script
for (var i = 0; i document.querySelectorAll("#wrapper ul li").length; i++) {
document.querySelectorAll("#wrapper ul li")[i].colorfulBg();
}
refresher.init({
id: "wrapper",
pullDownAction: Refresh,
pullUpAction: Load
});
var generatedCount = 0;
function Refresh() {
setTimeout(function () { // -- Simulate network congestion, remove setTimeout from production!
var el, li, i;
el = document.querySelector("#wrapper ul");
el.innerHTML = '';
for (i = 0; i 11; i++) {
li = document.createElement('li');
li.appendChild(document.createTextNode('async row ' + (++generatedCount)));
el.insertBefore(li, el.childNodes[0]);
}
wrapper.refresh();/****remember to refresh after action completed! ---yourId.refresh(); ----| ****/
for (var i = 0; i document.querySelectorAll("#wrapper ul li").length; i++) {
document.querySelectorAll("#wrapper ul li")[i].colorfulBg();
}
}, 1000);
}
function Load() {
setTimeout(function () {// -- Simulate network congestion, remove setTimeout from production!
var el, li, i;
el = document.querySelector("#wrapper ul");
for (i = 0; i 2; i++) {
li = document.createElement('li');
li.appendChild(document.createTextNode('async row ' + (++generatedCount)));
el.appendChild(li, el.childNodes[0]);
}
wrapper.refresh();/****remember to refresh after action completed!!! ---id.refresh(); --- ****/
for (var i = 0; i document.querySelectorAll("#wrapper ul li").length; i++) {
document.querySelectorAll("#wrapper ul li")[i].colorfulBg();
}
}, 1000);
}
/script
script type="text/javascript"
var myScroll,
upIcon = $("#up-icon"),
downIcon = $("#down-icon"),
distance = 30; //滑动距离
这个代码块放到下面xxx标记的地方,要不你的 upIcon = $("#up-icon"), downIcon = $("#down-icon"),这个2个代码要报错了,jquery都没导入
script src="/js/jquery.min.js"/script
script src="/js/iscroll.js"/script
xxxxx
搞个容器显示提示内容就好了,ajax加载前显示,加载完毕后隐藏起来
手机端浏览器都有刷新功能,所以h5不需要做下拉刷新,也没人这样做。上拉加载,你可以监听页面的滚动位置,当页面滑动到底部时自动加载更多
应该数据加载后再动态给图片绑定点击事件
应该是你给图片添加绑定事件错了,没有代码,只能这么分析了
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流