Question

我有很长的选项列表要加载为列表项。我正在使用jScroll加载前500个项目并一次添加500个项目。我的列表中有超过30,000个项目。

如果某个（疯狂的）用户过去说滚动中的3,000个列表项，事情开始陷入困境 - 可能基于页面的大小。在最大数量的“可显示”项目之后，我们想要从顶部开始切碎 - 删除列表项目，但我们希望能够通过向上滚动将它们放回去。

我可以通过创建一个函数并使用回调选项来实现“切断”部分。

jScroll可以反向工作（点击滚动顶部并添加内容）？

Answer 1

只是检测到jquery滚动为你工作？就像是。。

var $container = $('.scrollable');

$container.scroll(function () {
  if ($container.scrollTop() == 0) {
    alert('Scrolled to Top');

  }
});

.scrollable {
  height: 200px;
  overflow: auto;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="scrollable">
  <ul>
    <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>
</div>

JScroll - 将内容滚动到顶部？

1 个答案: