Comment obtenir la hauteur de défilement maximale dans jScrollPane?

Question

jScrollPane est un plugin jQuery génial qui modifie les barres de défilement du navigateur par défaut. Je développe une application de chat qui utilisera jScrollPane. Cela fonctionne très bien jusqu'à présent, sauf que je ne peux pas déterminer la hauteur de défilement maximale. Voici ce que j'essaie de faire:

$(function() 
{ 
    $('#chatPane').jScrollPane(); 
    var api = $('#chatPane').data('jsp'); 
    setInterval(function() 
    { 
     $.ajax(
     { 
      url: "Home/GetMessage", 
      type: "POST", 
      success: function (response) 
      { 
       // This next line is where the issue occurs. I need to check if the current scroll position is equal to the max scroll position. This is to implement the auto scroll if the user has scrolled to the bottom of the chat. 
       var atBottom = (api.getContentPane().getContentPositionY() == api.getContentPane().getMaxScrollHeight()??????); 
       api.getContentPane().append(response); 
       api.reinitialise(); 
       if (atBottom) 
        api.scrollToBottom(); 
      }, 
      error: function (xhr, textStatus, errorThrown) 
      { 
       alert(textStatus); 
      } 
     }); 
    }, 1000); 
}); 

getMaxScrollHeight n'existe pas. J'ai besoin d'un moyen de déterminer la hauteur de défilement max.

EDIT: Je l'ai eu pour travailler avec les modifications suivantes à la fonction de succès ajax. Mais si quelqu'un connaît un meilleur moyen que de faire défiler vers le bas, obtenir la position actuelle, puis revenir à la position précédente, il serait très apprécié.

  success: function (response) 
      { 
       var currentPosition = api.getContentPositionY(); 
       api.scrollToBottom(); 
       var maxPosition = api.getContentPositionY(); 
       api.scrollToY(currentPosition); 
       var atBottom = (currentPosition == maxPosition); 
       api.getContentPane().append(response); 
       api.reinitialise(); 
       if (atBottom) 
        api.scrollToBottom(); 
      } 

Answer 1

Une solution que vous pourriez essayer est de simuler un scrollToBottom() puis comparer le résultat getContentPositionY() avec la valeur avant la simulation. Si cela n'a pas changé, alors l'utilisateur était déjà en bas, alors appelez scrollToBottom() "pour de vrai" après avoir ajouté le contenu de la réponse. Pour exécuter la simulation, vous pouvez essayer de cloner l'objet original, puis de le modifier en mémoire. Voir http://api.jquery.com/clone/ pour plus d'informations. Par exemple:

var simulatedPane = $('#chatPane').clone(); 
simulatedPane.jScrollPane(); 
var simulatedApi = simulatedPane.data('jsp'); 

Puis, dans la fonction succès(), utilisez simulatedApi pour la simulation.

Answer 2

Je vois que vous avez déjà une solution. Une autre approche pourrait consister à ajouter un écouteur pour l'événement jsp-scroll-y:

http://jscrollpane.kelvinluck.com/events.html

Cet écouteur est transmis des valeurs booléennes pour isAtTop et isAtBottom. Vous pouvez stocker ceci dans une variable et vérifier l'état de la variable avant de réinitialiser le scrollpane.

À plus long terme, ce serait génial si vous pouviez ajouter une demande de fonctionnalité d'ajouter quelques méthodes supplémentaires à l'API: isAtTop, isAtBottom, isAtLeft et isAtRight - si vous ajoutez cela à la github issues list alors je vais l'ajouter quand je reçois une chance.