Всем привет.
Возникла задача организовать вывод контента без классической пагинации - подгружать при прокрутке ajax'ом + реализация и стилизация фейкового скролла.
Перепробовав несколько готовых плагинов, понял, что в большинстве отсутствует одна простая и в то же время необходимая мне фича - вызов коллбэка при достижении скроллом определенной точки. В тех же плагинах, где была реализована эта часть были другие минусы - либо они тянули кучу мертвого кода (например jQuery UI ~300КБ (!!) ради одного лишь dnd), либо безбожно глючили в определенных браузерах (например в Opera), но в основном и то и другое...
Короче поковырявшись пару дней я понял, что проще написать мне свой.
Итак, когда думаю цель плагина ясна - прошу оценить его работу, а также (если не очень лень ) сделать code review - возможно у вас возникнут полезные замечания по оптимизации либо исправлению потенциальных багов. Особая просьба протестить в старых браузерах вроде ie7, 8, старый FF и т.п., если есть такая возможность.
Впоследствии код будет выложен на github под лицензией MIT во имя общего блага и счастья

Спасибо

PS. Если есть вопросы по API - пишите

UPDATE
исходники на github: https://github.com/Invis1ble/scrollbox

UPDATE от 28.03.2016
добавлена поддержка устройств с тачскрином
актуальное на текущий момент демо тут: https://invis1ble.github.io/scrollbox ( http://bit.ly/1oglsk2 )

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble
и где ajax?

_____________

johniek_comp
аякса нет, он в демо не нужен вместо аякс-запроса и получения данных с сервера идет простое добавление тестовых дивов по setTimeout() при событии reach.scrollbox

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Выложи на github позже протестирую deeply
Сама реализация мне нравиться,

Oyeme
ок, ночью выложу, щас спать... со вчера кодил

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble
а если в диве всего то пару предложений будет?

_____________

Довольно приятный стиль Вашего кода.
Мне нравиться.

Выложил на гитхаб
https://github.com/Invis1ble/scrollbox

johniek_comp

Invis1ble
но дивы не появляются, а я хочу их видеть...

_____________

johniek_comp

Invis1ble
контент маленький, скролл не нужен, и должны загрузится дивы, так получается что я не увижу инфу никогда

_____________

johniek_comp
Представь ситуацию:
1. юзер заходит в личные сообщения
2. сообщений очень много, выводятся только последние 15, причем высота блока, в который выводятся сообщения меньше, чем общая высота 15 сообщений
3. появляется скролл
4. юзер скроллит вниз, при достижении скажем 100px от низа блока тригеррится событие
5. код ловит событие и делает ajax-запрос
6. после загрузки доп. данных с сервера вставляются более старые сообщения в блок (тестовые дивы в демо)
7. код вызывает scrollbox('update') для перерасчета высоты и позиции полосы прокрутки *
8. PROFIT!

---------
* - эту часть можно реализовать более грамотно (и удобно с точки зрения стороннего кода), например ловить в плагине dommutation-события браузера. Но я не стал реализовывать таким образом в угоду старых браузеров, которые не триггерят такие события.

PS. Т.е. если сообщения полностью помещаются в контейнер по высоте, то очевидно, что и подгружать с сервера нечего

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble
ну если с базы дергать только 15 последних, и заведомо делать их больше по размеру чем высота блока (что бы появился скролл) тогда да - красава!

_____________

Ну что, фронтэндщики? Неужели никто не раскритикует код?

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль