Я создаю веб-страницу, имеющую полную ширину страницы/высоту div. Во время прокрутки у меня есть два типа методов.
Прокрутить по ссылке
//HTML
<a (click)="goToDiv('about')"></a>
//JS
goToDiv(id) {
let element = document.querySelector("#"+id);
element.scrollIntoView(element);
}
Прокрутка по HostListener
@HostListener("window:scroll", ['$event'])
onWindowScroll($event: any): void {
this.topOffSet = window.pageYOffset;
//window.scrollTo(0, this.topOffSet+662);
}
1. Как добавить эффекты анимации прокрутки?
Также как:
$('.scroll').on('click', function(e) {
$('html, body').animate({
scrollTop: $(window).height()
}, 1200);
});
2. И как использовать HostListener для прокрутки до следующего div?