Div avec overflow: auto, fin atteint = démarrer une fonction

Question

Possible en double:
JavaScript: Scroll Position of div with “overflow: auto”

Salut, je veux commencer une fonction XXX(); lorsque la fin de défilement d'un div (débordement: auto;) est atteint.

<div style="width:200px; height:500px; overflow:auto;"> 
/* content here */ 
</div> 

Est-ce possible?

greetz Allemagne Peter

Answer 1

Il est possible que si vous ajoutez un <div> supplémentaire à l'intérieur du <div style="overflow: auto">. Nous utilisons ensuite cette div interne pour capturer la hauteur du texte. Cela nous permet alors de vérifier si le défilement est terminé. Vous pouvez le voir in action here.

Le code lui-même est au-dessous où #parent est l'identifiant que j'ai donné à la div dans votre exemple:

$(document).ready(function(){ 
    var parent = $('#parent'); 
    var text = $('<div id="text">').text(parent.text()); 
    parent.text(''); 
    parent.append(text); 
}); 

$('#parent').scroll(function(){ 
    if(($(this).scrollTop() + $(this).height()) == $('#text').height()) 
     alert('Done scrolling'); 
});