javascript - 角度 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>

标签： javascriptangularinfinite-scroll

Answer 1

ngx-infinite-scroll是一个相当不错的图书馆。这是一个stackblitz 示例。这是Npm 包。