vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-13 06:13:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(anchorScrolling): create challenge

Browse Source
This commit is contained in:
thomas
2023-05-02 12:57:30 +02:00
parent 75fa6eac9b
commit 348beb937d
6 changed files with 51 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/anchor-scrolling/src/app/app.component.ts
View File

@@ -1,19 +1,10 @@
import { Component } from '@angular/core';
import { AnchorButtonComponent } from './anchor-button.component';
import { RouterOutlet } from '@angular/router';
@Component({
standalone: true,
imports: [AnchorButtonComponent],
imports: [RouterOutlet],
selector: 'app-root',
template: `
<div id="top" class="h-screen bg-gray-500">
Empty
<anchor-button href="#bottom">Scroll Bottom</anchor-button>
</div>
<div id="bottom" class="h-screen bg-blue-300">
I want to scroll each
<anchor-button href="#top">Scroll Top</anchor-button>
</div>
`,
template: ` <router-outlet></router-outlet> `,
})
export class AppComponent {}