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

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

от nicola , в категории: JavaScript , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от stephon , 8 месяцев назад

@nicola 

Для того чтобы добавить прокрутку к div элементу с использованием jQuery, вы можете использовать метод scrollTop.


Пример кода будет выглядеть следующим образом:


HTML:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
  Текст 1
  Текст 2
  Текст 3
  Текст 4
  Текст 5
  Текст 6
  Текст 7
  Текст 8
  Текст 9
  Текст 10


CSS:

1
2
3
4
5
#myDiv {
  height: 200px;
  width: 200px;
  overflow: scroll;
}


JavaScript (jQuery):

1
2
3
$(document).ready(function () {
  $('#myDiv').scrollTop(500); // Здесь 500 - это пиксели, на которые нужно прокрутить div
});


В данном примере, мы устанавливаем начальное значение прокрутки div равным 500 пикселей. Вы можете изменить это значение на необходимое вам.


Обратите внимание, что для работы этого кода, вы должны подключить библиотеку jQuery к своему проекту.