Angular JS 4 + прозрачный angular ScrollTop скрывает заголовок

Gabriel Vaz спросил: 13 октября 2017 в 07:31 в: html

В Angular 4, когда меняется маршрутизатор, страница не прокручивается сверху.

Мое решение - поместить div с #top, и в машинописном тексте я использую ViewChild для scrollIntoView наподобие

<div #top></div>

import { ViewChild, ElementRef } from '@angular/core';

@ViewChild('top') top: ElementRef;

И при запуске и загрузке все, что мне нужно Я звоню

this.top.nativeElement.scrollIntoView();

Это работает на ПК, но в Mobile, заголовок ясности скрывается (<clr-header>), когда я прокручиваю вверх с мобильным, заголовки прокрутки снова показываются, но для пользователя это плохо, я хочу, чтобы заголовок показывался каждый раз.

Помня, заголовок находится в корневом каталоге, а все вложенные маршруты находятся внутри"router-outlet", поэтому мой Решение для Scroll Top во вложенных маршрутах не работает для root.

Я пытаюсь использовать эту команду в root, но не работает, "Scroll Top" просто работает во вложенных маршрутах.

Я уже попробовал следующие команды:

window.scrollTo(0, 0) Не работает

document.body.scrollTop = 0 Не работает

this.document.body.scrollTop = 0 (с использованием модуля Angular DOCUMENT) Не работает

И многие другие ... Кто-нибудь может помочь?


0 ответов