javascript - docs - page title angular 4
¿Cómo desplazarse hasta la parte superior de la página en AngularJS? (5)
Quiero desplazarme a la parte superior de la página después de recibir una respuesta de llamada ajax usando angularjs. Básicamente, estoy mostrando mensajes de alerta en la parte superior de la página y quiero enfocar el mensaje de alerta como la respuesta ajax recibida.
Gracias
Idealmente, deberíamos hacerlo desde el controlador o la directiva según corresponda.
Use
$anchorScroll
,
$location
como inyección de dependencia.
Entonces llame a este método dos como
$location.hash(''scrollToDivID'');
$anchorScroll();
Aquí
scrollToDivID
es la identificación donde desea desplazarse.
Supongamos que desea navegar a un mensaje de error div como
<div id=''scrollToDivID''>Your Error Message</div>
Para obtener más información, consulte esta $anchorScroll
No olvide que también puede usar JavaScript puro para hacer frente a esta situación, usando:
window.scrollTo(x-coord, y-coord);
Puedes usar
$window.scrollTo(x, y);
donde
x
es el píxel a lo largo del eje horizontal e
y
es el píxel a lo largo del eje vertical.
-
Vuelve al comienzo
$window.scrollTo(0, 0); -
Centrarse en elemento
$window.scrollTo(0, angular.element(''put here your element'').offsetTop);
Actualización :
También puedes usar
$anchorScroll
Puedes usar
$anchorScroll
.
Simplemente inyecta
$anchorScroll
como una dependencia y llama a
$anchorScroll()
cuando quieras desplazarte hacia arriba.
use:
$anchorScroll();
con propiedad
$anchorScroll