我有一个滚动功能,我想在用户滚动到页面底部时触发。然而,它正好相反;它在页面顶部开火。我之前使用过这个,网上的所有内容都以同样的方式表达。我唯一能想到的是它与使用bootstrap有关。有任何想法吗?以下是一个示例:Click Here
// Load More Results On Scroll
var busy = false;
$(window).scroll(function(){
if($(window).scrollTop() + $(window).height() == $(document).height() && !busy){
// Currently Fetching Results
busy = true;
// Fetch The Rows
setTimeout(function() {
$.ajax({
url: "../assets/server/public/callbacks.php",
type: "POST",
dataType: "JSON",
data: {
filter: '',
old_id: $("#old-id").val(),
callback: 'selectPreviousTenPosts'
},
cache: false,
success: function(data){
$("#feed-wrapper").append(data.post);
$("#old-id").val(data.old_id);
busy = false;
}
});
}, 500);
}
});
答案 0 :(得分:1)
尝试使用这样的东西:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
alert("near bottom!");
}
});
答案 1 :(得分:0)
您想在if语句中将$(window).height()
更改为window.innerHeight
:
if($(window).scrollTop() + window.innerHeight >= $(document).height() && !busy){
//..do stuff
}