美文网首页
scroll下拉翻页,兼容版.js

scroll下拉翻页,兼容版.js

作者: Jalen_4bd7 | 来源:发表于2017-05-26 15:45 被阅读0次

```php

var stop = true //防止重复拉取

$(window).scroll(function(){

totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());

//$(document).scrollTop() 获取垂直滚动的距离

//$(document).scrollLeft() 这是获取水平滚动条的距离

if ($(document).height() <= totalheight) {

if(stop==true){

stop=false;

var page = $('#page').val(); // 获取翻页值

var url = "&page="+page

console.log(page)

$.get(url,function(res){

//console.log(res)

if( res == 0 ){

$('#more').text('已经到底了')

}else{

$("#container").append(res) //添加html内容

stop=true;

}

})

var pages = parseInt(page)+1

$("#page").val(pages) //设置翻页值

}

}

});

```php

相关文章

网友评论

      本文标题:scroll下拉翻页,兼容版.js

      本文链接:https://www.haomeiwen.com/subject/tmrxfxtx.html