当用户向下滚动到屏幕底部时,我想拨打Ajax电话。由于某种原因,我的代码无法正常工作。我认为这可能是语法错误,但是我检查了控制台,但没有看到错误。欢迎任何建议,改进或示例。
<div id="content">
<?php include('post-1.php'); ?>
</div>
<div id="loading-image" style="display: none;"></div>
<div id="part2"></div>
<script>
window.onscroll = function(ev) {
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
$('#loading-image').show();
$.ajax({
url: "<?php echo get_stylesheet_directory_uri();?>/post-2.php",
cache: false,
success: function(html){
$("#part2").html(result);
},
complete: function(){
$('#loading-image').hide();
}
});
}
};
</script>
最佳答案
您可以使用此。Workshere
function CallAjax(){
$.ajax({
url: "<?php echo get_stylesheet_directory_uri();?>/post-2.php",
cache: false,
success: function(html){
$("#part2").html(result);
},
complete: function(){
$('#loading-image').hide();
}
});
}
$(window).scroll(function() {
var divTop = $('#yourDivId').offset().top,
divHeight = $('#yourDivId').outerHeight(),
wHeight = $(window).height(),
windowScrTp = $(this).scrollTop();
if (windowScrTp > (divTop+divHeight-wHeight)){
console.log('reached');
// add your ajax method here;
CallAjax();
}
});
关于javascript - 当用户向下滚动到屏幕底部时,如何拨打Ajax电话,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44616258/