Jquery .scrollTop在模式框中不起作用

Posted 2021-04-24

我使用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);

等，但不能让它工作。我可以实现父页面跳转到顶部但不是模态窗口中的内容。

答案

我的猜测是你只想从html scrolltop中减去100

尝试

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

另一答案

我有同样的问题。我通过将上下文从"html, body"更改为特定的模态选择器来解决这个问题。所以，说你的模态有id="modal"，使用这个：

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