Как сделать прокрутку div на jquery?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

$(document).ready(function() {
  // Получаем ссылку на div с прокруткой
  var div = $('#myDiv');

  // Обрабатываем событие прокрутки колесика мыши
  $(window).on('wheel', function(e) {
    // Получаем текущую позицию прокрутки
    var scrollTop = div.scrollTop();

    // Направление движения колесика (1 - вниз, -1 - вверх)
    var wheelDirection = e.originalEvent.deltaY > 0 ? 1 : -1;

    // Вычисляем новую позицию прокрутки
    var newScrollTop = scrollTop + wheelDirection * 50; // 50 - шаг прокрутки

    // Устанавливаем новую позицию прокрутки
    div.scrollTop(newScrollTop);

    // Отменяем стандартную обработку события прокрутки колесика мыши
    e.preventDefault();
  });
});