22
rated 0 times
[
28]
[
6]
/ answers: 1 / hits: 43591
/ 7 Years ago, wed, july 19, 2017, 12:00:00
I'm creating a webpage having full page width/height div's.
While scrolling down I've two types of methods.
Scroll on Click
//HTML
<a (click)=goToDiv('about')></a>
//JS
goToDiv(id) {
let element = document.querySelector(#+id);
element.scrollIntoView(element);
}
Scroll on HostListener
@HostListener(window:scroll, ['$event'])
onWindowScroll($event: any): void {
this.topOffSet = window.pageYOffset;
//window.scrollTo(0, this.topOffSet+662);
}
1. How to add a scrolling animation effects?
Just like :
$('.scroll').on('click', function(e) {
$('html, body').animate({
scrollTop: $(window).height()
}, 1200);
});
2. And how to use HostListener to scroll to next div?
More From » css