Javascript 在DIV中实现滚动
下面是我的Javascript代码。这有助于我在网页中获得无限滚动。如果我想在一个DIV中实现无限滚动,该怎么办?如何修改此代码以在DIV中使用它? 谁能帮帮我吗。假设我的DIV的id是要显示滚动内容的包装器Javascript 在DIV中实现滚动,javascript,ajax,infinite-scroll,Javascript,Ajax,Infinite Scroll,下面是我的Javascript代码。这有助于我在网页中获得无限滚动。如果我想在一个DIV中实现无限滚动,该怎么办?如何修改此代码以在DIV中使用它? 谁能帮帮我吗。假设我的DIV的id是要显示滚动内容的包装器 $(窗口)。滚动(函数(){ if($(窗口).scrollTop()==$(文档).height()-$(窗口).height()){ $('div#loadmoreajaxloader').show(); $.ajax({ url:“loadmore.php?lastid=”+$(“
$(窗口)。滚动(函数(){
if($(窗口).scrollTop()==$(文档).height()-$(窗口).height()){
$('div#loadmoreajaxloader').show();
$.ajax({
url:“loadmore.php?lastid=”+$(“.positem:last”).attr(“id”),
成功:函数(html){
如果(html){
$(“#postswraper”).append(html);
$('div#loadmoreajaxloader').hide();
}否则{
$('div#loadmoreajaxloader').html('不再显示帖子');
}
}
});
}
});
只要用您选择的div替换对窗口的提及即可
另外,将scrollTop()
与scrollHeight
进行比较,而不是设计可能准确也可能不准确的高度,并使用=
出于安全考虑-并非所有浏览器都能正常工作。将其替换为($(窗口)。scrollHeight()>=$(文档)。height()-$(包装器)。height()){或者什么?
<script type="text/javascript">
$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() - $(window).height()){
$('div#loadmoreajaxloader').show();
$.ajax({
url: "loadmore.php?lastid=" + $(".postitem:last").attr("id"),
success: function(html){
if(html){
$("#postswrapper").append(html);
$('div#loadmoreajaxloader').hide();
}else{
$('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
}
}
});
}
});
</script>