MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Landing: scroll to tab top when change page inside a tab

This commit is contained in:
argirok 2022-06-16 10:56:09 +03:00
parent 13ae37cb61
commit 9e7a6852cc
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
landingPages/result/resultLanding.component.ts
View File

@ -607,6 +607,7 @@ export class ResultLandingComponent {
public updateRelatedPage($event) { public updateRelatedPage($event) {
this.relatedPage = $event.value; this.relatedPage = $event.value;
this.scrollToTabTop('all_related');
} }
public updateSimilarPage($event) { public updateSimilarPage($event) {
@ -628,7 +629,14 @@ export class ResultLandingComponent {
public updateOpenCitationsPage($event) { public updateOpenCitationsPage($event) {
this.openCitationsPage = $event.value; this.openCitationsPage = $event.value;
} }
scrollToTabTop(tabId:string){
setTimeout(() => {
window.scrollTo({
top: document.getElementById(tabId) ? document.getElementById(tabId).offsetTop - 250 : 250,
behavior: 'smooth'
});
}, 200);
}
public accessClass(accessMode: string): string { public accessClass(accessMode: string): string {
if (accessMode.toLowerCase().indexOf('open') !== -1) { if (accessMode.toLowerCase().indexOf('open') !== -1) {
return 'open'; return 'open';