2015-05-06 3 views
0

У меня есть очень длинный список параметров для загрузки в качестве элементов списка. Я использую jScroll для загрузки первых 500 элементов и добавления более 500 за раз. В моем списке насчитывается более 30 000 предметов.JScroll - добавьте прокрутку контента вверх?

Если какой-либо (сумасшедший) пользователь пропустит, скажите, что в прокрутке указано 3000 элементов списка, все начинает бояться - возможно, в зависимости от размера страницы. После максимального количества «отображаемых» элементов мы хотим начать измельчать вещи сверху, удаляя элементы списка, но мы хотим, чтобы их можно было вернуть, прокручивая вверх.

Я могу сделать часть «отрубать», создав функцию и используя функцию обратного вызова.

Может ли jScroll работать в обратном порядке (попасть в верхнюю часть прокрутки и добавить содержимое)?

+0

Это может быть более практичным, чтобы позволить пользователям осуществлять поиск соответствующих элементов, а не в unweildy списке. – phuzi

+0

Я не мог согласиться больше, но я пытаюсь выполнить просьбу владельца бизнеса. – mrsBurnside

+0

Я не знаю, как работает jScroll, но в последнее время у меня был стол с 5 столбцами около 10000 строк. Загрузили это с помощью jQuery DataTables (datatables.net) и не имели проблем с производительностью, которые вы описываете. Я бы посмотрел на него, если бы я был вами. Он также имеет серверную функцию и встроенный расширенный поиск. – ilter

ответ

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>

+0

Это то, с чем я побывал ... Вещь jscroll все время мешала мне, потому что она не ожидала, что количество элементов будет в движении, поскольку оно рассчитало, где приземлиться. – mrsBurnside

+0

Ницца, рад, что это было полезно. –

Смежные вопросы