ScrollTop setInterval не работает на Angular 6 - PullRequest
Новая
       9

ScrollTop setInterval не работает на Angular 6

0 голосов
/ 21 февраля 2019

У меня есть проверенный кусок кода, который всегда хорошо работал для меня.Но когда я попробовал это в Angular 6, это не удалось.

Я хочу сделать автоматическую прокрутку вниз без нажатия кнопки на моей странице (содержит таблицу).

index.html 

<!doctype html>
<html lang="en">

<head>
   <meta charset="utf-8">
   <title>Dashboard</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon_new.ico">
   <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
   <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.48.0/mapbox-gl.css' rel='stylesheet' />   
</head>
<body>
   <app-root></app-root>
   <script src="./src/assets/jquery.js"></script>
   <script src="./src/assets/app.js"></script>
</body>
</html>

app.js 

setInterval(function(){
  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
 setTimeout(function() {
   $('html, body').animate({scrollTop:0}, 8000);
 },2000);
},2000);

activity-dashboard.component.html 

<div id="contain" class="row">
 <div eds-tile class="xl-12">
    <eds-tile-title>User on Shift</eds-tile-title>
    <eds-table id="table_scroll" [columns]="tablePresetColumns" [data]="tablePresetData" [modes]="['compact', 'dashed']"></eds-table>
 </div>
</div>

Кто-нибудь может помочь решить мою проблему?Спасибо ...

...