Это код шаблона или html код страницы часто задаваемых вопросов angular после нажатия на вышеуказанные ссылки (см. Изображение для ссылки). Я хочу, чтобы прокрутить вниз к определенному разделу страницы, для которой дается ссылка, пожалуйста, помогите мне, как это сделать !!!
Это компонент шаблона:
import { Location, ViewportScroller } from '@angular/common';
import { Component, OnDestroy, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { FaqResponse } from '@models/faq/faqResponse';
import { FaqService } from '@myse/faq/faq.service';
import { Subscription } from 'rxjs';
@Component({
providers: [Location],
selector: 'myse-faq',
styleUrls: ['./faq.component.scss'],
templateUrl: './faq.component.html'
})
export class FaqComponent implements OnInit, OnDestroy {
faqSectionlist: FaqResponse;
subscription: Subscription;
gotoPageWithRank: any;
gotoPagedivWithRank: any;
identifylink: any;
rank: any;
divName: any;
constructor(
private readonly faqservice: FaqService,
private readonly router: Router,
private readonly route: ActivatedRoute,
private readonly viewportScroller: ViewportScroller
) { }
async ngOnInit() {
this.faqSectionlist = await this.faqservice.getFaqContent();
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
gotoPageDiv() {
window.scroll({
behavior: 'auto',
left: 0,
top: 0
});
}
gotoPagedivwithRank(elementId: any): void {
this.viewportScroller.scrollToAnchor(elementId);
}
gotoPageDivWithURL(url) {
this.divName = String(url);
}
identifyLink(link) {
if (link == null) {
this.identifylink = null;
return this.identifyLink;
} else {
if (link.substring(0, 3) === 'faq') {
this.rank = link.substring(3);
} else {
this.identifylink = null;
return this.identifylink;
}
}
}
}
ЭТО ВЫХОДНОЕ ИЗОБРАЖЕНИЕ Я ХОЧУ ЭТИ ВЫШЕ ССЫЛКИ ДЛЯ НАПРАВЛЕНИЯ НА НЕКОТОРЫЕ ЧАСТИ СТРАНИЦЫ НИЖЕ
Ссылочная часть страницы, с которой будет перенаправлена определенная часть страницы при нажатии
Страница разделена на следующие ранги