Как оживить скролл JavaScript-ом?

Question

[AlexFo90]

<div class="container">
    <div class="list">
        <div class="item"></div>
        <div class="item"></div>
        <div class="scroll"></div>
    </div>
</div>

Добрый день уважаемые профессионалы! Подскажите пожалуйста как оживить скролл Javascript-ом?
то есть есть контейнер => в нём список => в нём какие-то item-ы,
и там же лежит сверстанный скролл.
задача в том чтоб оживить его и чтоб когда item-ов будет много, то он скролился по list.
Заранее спасибо за отзывчивость)

Answer 1

[Дмитрий]

Это зависит от того, как сверстан ваш скролл, в общем случае порядок действий таков:

1) Внутрь divа скролла вставляется div ползунка
2) На div ползунка вешается событие onmousedown, onmouseup и onmousemove
3) При onmousedown добавляем ползунку свойство active, при onmouseup удаляем его
4) При onmousemove меняем положение ползунка (при вертикальной прокрутке top) согласно новым координатам мыши, и рассчитываем scrollTop div-а со списком в соответствии с отношением top ползунка к height скролла

Там есть нюансы, но порядок примерно такой

Comments

[AlexFo90]

Спасибо, подумаю над этим)

Answer 2

[Stalker_RED]

Скрипты не нужны

Comments

[AlexFo90]

но так же будет скролл по умолчанию, а как его сделать чтоб он был такой же как и мой?

[Stalker_RED]

AlexFo90, в общих чертах вам уже dimoff66 описал. Там, конечно, не все продумано, к примеру совсем не раскрыта тема с колесом, например, со скроллом с клавиатуры и джойстиков, с тачскринами, и все такое.
Я как-то сильно сомневаюсь, что вы сможете сделать скролл, который будет РАБОТАТЬ лучше чем стандартный. А это важнее чем внешний вид, имхо.

Как вариант, можно поверх стандартной полосы скролла нарисовать свою "отображалку", сделав ее прозрачной для кликов.

[AlexFo90]

Понял, спасибо)