gpt4 book ai didi

javascript - JScroll - 添加内容滚动到顶部?

转载 作者:行者123 更新时间:2023-12-03 10:11:35 25 4
gpt4 key购买 nike

我有一个很长的选项列表可以作为列表项加载。我正在使用 jScroll 加载前 500 个项目,并一次添加更多 500 个项目。我的 list 中有超过 30,000 件元素。

如果某些(疯狂的)用户在滚动中超过了 3,000 个列表项,事情就会开始陷入困境 - 可能取决于页面的大小。在达到最大数量的“可显示”项目后,我们希望开始从顶部删除内容 - 删除列表项目,但我们希望能够通过向上滚动将它们放回去。

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

jScroll 可以反向工作(点击滚动顶部并添加内容)吗?

最佳答案

仅仅检测 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>

关于javascript - JScroll - 添加内容滚动到顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30088021/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com