Comment faire défiler en haut de la page dans AngularJS?

Je veux faire défiler vers le haut de la page après avoir reçu une réponse à un appel ajax en utilisant angularjs. En gros, j’affiche des messages d’alerte en haut de la page et je souhaite que le message d’alerte soit focalisé sur la réponse ajax reçue.

Merci

Vous pouvez utiliser

$window.scrollTo(x, y); 

x est le pixel le long de l’axe horizontal et y le pixel le long de l’axe vertical.

  1. Faire défiler vers le haut

     $window.scrollTo(0, 0); 
  2. Focus sur l’élément

     $window.scrollTo(0, angular.element('put here your element').offsetTop); 

Example

Mise à jour :

Aussi, vous pouvez utiliser $anchorScroll

Example

Vous pouvez utiliser $anchorScroll .

Il suffit d’injecter $anchorScroll tant que dépendance et d’appeler $anchorScroll() chaque fois que vous voulez faire défiler vers le haut.

Idéalement, nous devrions le faire à partir du contrôleur ou de la directive selon le cas. Utilisez $anchorScroll , $location comme dependency injection.

Puis appelez cette méthode deux comme

 $location.hash('scrollToDivID'); $anchorScroll(); 

Ici, scrollToDivID est l’ID où vous voulez faire défiler.

Supposons que vous vouliez naviguer vers un message d’erreur div comme

 
Your Error Message

Pour plus d’informations, veuillez consulter cette documentation

N’oubliez pas que vous pouvez également utiliser JavaScript pour gérer cette situation, en utilisant:

 window.scrollTo(x-coord, y-coord); 

utilisez: $anchorScroll();

avec la propriété $anchorScroll