Как прокрутить элемент внутри модального с помощью jquery?

У меня есть открытый модальный, который я вставляю элементы в строку за строкой. Каждая строка имеет свой собственный ID-тег. В настоящее время, когда список становится больше модального окна, текст просто скрывается в нижней части модального окна. Вы можете вручную использовать полосу прокрутки, но я хотел бы, чтобы текст прокручивался в модальном окне по мере печати.

Я играл со следующим кодом, но это просто прокручивает веб-страницу за модальным. Я также попытался заменить "html, body" с модальными элементами безрезультатно.

$('html, body').animate({ scrollTop: $('#Element').offset().top }, 500);

Я уверен, что я близко. Есть предложения?

спасибо

11
html javascript jquery modal-dialog scroll

2 ответов

похоже, вы вызываете метод animate в html и body. 

$('html, body').animate(...);

если вы хотите прокрутить окно модалов, вам нужно вызвать метод animate для этого элемента.

$('#modal').animate(...);

здесь #modal - это элемент, содержащий созданные вами элементы.

edit:

Я вижу, что вы пытались вызвать animate на модальном. здесь это скрипка, которая прокручивает элементы в модальном при нажатии кнопки кнопка.

и в коде у вас есть закрывающая скобка после #Element что вызывает ошибку сценария: ...scrollTop: $('#Element'])...

10

Если вы хотите увидеть содержимое, которое становится скрытым, вы можете добавить стиль CSS в DIV для обработки переполнения. Это автоматически создаст вертикальную полосу прокрутки для вас, как только содержимое превысит область просмотра DIV.

$("#someDivID").css("overflow","auto");

на все свойства можно ссылаться по URL-адресу ниже.

http://www.w3schools.com/cssref/pr_pos_overflow.asp

надеюсь, что это поможет!

1