JQuery Bei Scrollen Datensätze nachladen
Hallol, ich möchte gerne Datensätze in einem DIV mit overflow: auto und einer festen Höhe nachladen über AJAX. Bisher ist es mit dem nachfolgenden Code so, dass nur nachgeladen wird wenn man auf der Seite nach unten scrollt.
Wie muss man den Code verändern, dass wenn man in dem DIV runterscrollt, die Datensätzte geladen werden?
$(document).ready(function() {
start = 0;
count = 5;
for (var i = 0; i < 1; i++){
loadcontent();
}
});
function loadcontent() {
$("div.loader").show();
$.ajax({
type: 'get',
url: '/includes/ajax.php',
async: false,
data: { start : start, count : count },
success: function (html){
if(html){
$('.container').append(html);
start = start + 5;
}else{
$('.end').html('<p>Keine weiteren Posts!</p>');
}
}
})
$("div.loader").fadeOut('normal');
}
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
loadcontent();
}
});
Vielen Dank.