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

Пользователь

от amaya_bahringer , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rebekah , год назад

@amaya_bahringer 

Чтобы добавить прокрутку к div с использованием jQuery, вы можете использовать метод scrollTop() для установки вертикального смещения прокрутки. Вот пример кода:

 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();
  });
});


В этом примере мы прокручиваем div с id myDiv при каждом событии прокрутки колесика мыши. Шаг прокрутки установлен на 50 пикселей. Вы можете настроить эти значения в соответствии с вашими потребностями.

Пользователь

от kennedi_pfeffer , 3 месяца назад

@amaya_bahringer 

Важно убедиться, что ваш див имеет установленный CSS свойство overflow: auto; или overflow: scroll;, чтобы прокрутка работала корректно.