Потяните, чтобы обновить sh странное поведение - PullRequest
Новая
       60

Потяните, чтобы обновить sh странное поведение

0 голосов
/ 28 января 2020

У меня есть следующий код 

<div id="fincasMaestro" class="page-layout  fullwidth page-layout-app p-16"  fxFlex fxLayout="column"  [@animate]="{value:'*',params:{delay:'200ms',y:'100%'}}">

<!-- HEADER -->
<div id="loader" class="h2 text-center mt-4">Parcelas</div>

<mat-tab-group animationDuration="0ms">
    <mat-tab label="Activas"> <fincasactivas style="height: 100%"></fincasactivas> </mat-tab>
    <mat-tab label="Finalizadas"> <archivedfincas style="height: 100%"> </archivedfincas> </mat-tab>
</mat-tab-group>

и внутри component.ts Я инициализирую тягу для refre sh component 

const ptr = PullToRefresh.init({
mainElement: '#loader',
instructionsPullToRefresh: 'Arrastre hacia abajo para refrescar',
instructionsReleaseToRefresh: 'Suelte para refrescar',
instructionsRefreshing: 'Refrescando la página',
onRefresh() {
   window.location.reload();
    }
 });

это работает хорошо, если я проведу пальцем вверх, но у меня есть одна проблема, компонент внутри моих вкладок мат - это списки со слишком большим количеством элементов, чтобы уместиться на экране, поэтому у меня есть свиток, если я go в нижней части страницы, и я пытаюсь прокрутите страницу вверх по ссылке sh, даже если я внизу

Есть идеи, почему это происходит? -

На всякий случай я использую Angular7 + с cordova.

Проверено на Android

Редактировать: я нашел ответ

1 Ответ

1 голос
/ 29 января 2020

Я нашел ответ 

        mainElement: '#loader',
        shouldPullToRefresh: () => {return document.getElementById('fincas').scrollTop === 0},
        onRefresh: () => {
                //onRefresh code 
            }
      });

, используя shouldPullToRefre sh и свойство scrollTop. Мы можем обновить только sh, если прокрутка сверху, поэтому мы можем двигаться снизу без обновления, ошибка

...