Question

我有一些久经考验的代码，这些代码始终对我有效。但是当我在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>

任何人都可以帮助解决我的问题吗？谢谢...

ScrollTop setInterval在Angular 6上不起作用

0 个答案: