diff --git a/src/app/shared/components/markdown-render/markdown-render.component.ts b/src/app/shared/components/markdown-render/markdown-render.component.ts index 68b3ea30..75bc8b23 100644 --- a/src/app/shared/components/markdown-render/markdown-render.component.ts +++ b/src/app/shared/components/markdown-render/markdown-render.component.ts @@ -78,20 +78,13 @@ export class MarkdownRenderComponent implements OnInit, OnChanges, AfterViewInit if (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop > 100) { this.windowScrolled = true; - } - else if (this.windowScrolled && window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop < 10) { + } else if (this.windowScrolled && window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop < 10) { this.windowScrolled = false; } } scrollToTop() { - (function smoothscroll() { - const currentScroll = document.documentElement.scrollTop || document.body.scrollTop; - if (currentScroll > 0) { - window.requestAnimationFrame(smoothscroll); - window.scrollTo(0, currentScroll - (currentScroll / 8)); - } - })(); + window.scrollTo({top: 0, left: 0, behavior: 'smooth'}); } ngOnInit(): void { diff --git a/src/styles.scss b/src/styles.scss index 9b253600..834f9e86 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -15,11 +15,13 @@ html, body { height: 100%; } margin: 0; padding: 0; } + html { overflow: scroll; overflow-x: hidden; scroll-behavior: smooth; + //overscroll-behavior-y: contain; } ::-webkit-scrollbar {