javascript - Angular 6 中无限双向可滚动容器

Question

是否有 Angular 6 的库提供了一种创建可以在 2 个方向无限滚动的容器的方法？
该容器的内容必须在代码中动态创建。

例如，考虑一条数轴，它从位置 0 开始，并且可以朝正向或负向无限滚动。
我提供了一个用于演示目的的简单示例:

ul {
  height: 5em;
  width: 10ch;
  overflow-y: scroll;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
    <li>-20</li><li>-19</li><li>-18</li><li>-17</li><li>-16</li><li>-15</li><li>-14</li><li>-13</li><li>-12</li><li>-11</li><li>-10</li><li>-9</li><li>-8</li><li>-7</li><li>-6</li><li>-5</li><li>-4</li><li>-3</li><li>-2</li><li>-1</li><li>0</li><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li>
  </ul>

Answer 1

ngx-infinite-scroll 是一个非常好的库。这是 stackblitz example 。这是Npm package.