Détecter si l'événement de défilement a été créé par l'utilisateur

Question

Est-il possible de savoir si un événement de défilement a été déclenché par le navigateur ou par l'utilisateur? Plus précisément, lors de l'utilisation du bouton retour, un navigateur peut sauter à la dernière position de défilement connue. Si je lie un événement de défilement, comment puis-je savoir si cela a été causé par l'utilisateur ou par le navigateur?

$(document).scroll( function(){ 
    //qui a fait cela ?!
});

Je distingue trois types de situations qui provoquent un défilement dans un navigateur.

1. L'utilisateur effectue une action. Par exemple, utilise la molette de la souris, les touches de direction, les touches de page haut/bas, les touches de début/fin, clique sur la barre de défilement ou en fait glisser le curseur.
2. Le navigateur défile automatiquement. Par exemple, lorsque vous utilisez le bouton retour dans votre navigateur, il sautera automatiquement à la dernière position de défilement connue.
3. Le JavaScript effectue un défilement. Par exemple, element.scrollTo(x,y).

Answer 1

Si vous utilisez JQuery, il semble qu'il y ait une meilleure réponse - je suis en train de l'essayer moi-même.

voir: Détecter le déclenchement d'un événement JQuery par l'utilisateur ou par un appel de code

Answer 2

Il pourrait ne pas aider avec votre application, mais j'avais besoin de déclencher un événement lorsque l'utilisateur fait défiler mais pas de manière programmée et je poste au cas où cela pourrait aider quelqu'un d'autre.

Écoutez l'événement wheel au lieu de scroll,

Il est déclenché chaque fois qu'un utilisateur utilise la molette de la souris ou le trackpad (ce qui est comment la plupart des gens font défiler de toute façon) et n'est pas déclenché lorsque vous faites défiler de manière programmatique. Je l'ai utilisé pour différencier entre une action de défilement par l'utilisateur et les fonctions de défilement.

https://developer.mozilla.org/en-US/docs/Web/API/Element/wheel_event

element.addEventListener('wheel', (event) => {
       //faire des actions à partir du défilement de l'utilisateur ici
})

Un inconvénient est que wheel ne se déclenche pas lors du défilement sur mobile, donc j'ai vérifié si l'appareil était mobile et j'ai utilisé des fonctions similaires

if(this.mobile){
  element.addEventListener('scroll', (event) => {
       //faire des actions à partir du défilement sur mobile ici
  })
}