Jquery .scrollTop не работает в модальном окне

Question

Я использую Venobox модальный оконный плагин для отображения фотографий, комментариев и подкомментариев. Форма для публикации подкомментариев по умолчанию не отображается. Пользователь должен нажать «Ответить», по-испански «Ответчик», а затем появляется форма.

a href="#" class="comentario_a" id="0-51-3-1-0">Responder</a>

$(document.body).on("click",".comentario_a",function() { 
var ID = $(this).attr("id");
$("#commentbox"+ID).slideToggle('slow');
$("#ctextarea"+ID).focus();
return false;
});

Проблема в том, что во многих случаях пользователям приходится прокручивать страницу вниз, чтобы увидеть форму комментария, потому что она появляется ниже нижнего поля. Я хочу, чтобы страница (содержимое модального окна) подпрыгивала так, чтобы пользователь мог видеть форму без прокрутки, но .scrollTop не работает в моем модальном окне.

Я попробовал все:

$("html, body").scrollTop($("#commentbox"+ID).offset().top);
$("#commentbox"+ID).scrollTo(100);

и т. Д., Но не может заставить его работать. Я могу добиться, чтобы родительская страница переместилась вверх, но не содержимое модального окна.

Answer 1

У меня была такая же проблема. Я решил это, изменив контекст с "html, body" на конкретный модальный селектор. Итак, скажем, ваш модал имеет id="modal", используйте это:

$("#modal").scrollTop($("#commentbox"+ID).offset().top);

Answer 2

Полагаю, вы просто хотите вычесть 100 из html scrolltop

Попробуйте

$("html, body").scrollTop($("#commentbox"+ID).offset().top - 100);