如何在多次克隆表单时使用javascript或jquery自动滚动到重点输入字段分割

如何在多次克隆表单时使用javascript或jquery自动滚动到重点输入字段分割,javascript,jquery,html,django-forms,Javascript,Jquery,Html,Django Forms,自动滚动至聚焦输入字段表单分区。 我正在克隆表单,以便一次添加更多用户。 因此,当我单击add按钮时,它必须向下滚动到输入字段 HTML: $(文档).ready(函数(){ $('#id_i_fa_add')。单击(函数复制(){ $('id'i'u fa'u add')。关闭('click'); $('.fa.fa垃圾箱')。关闭('click'); var original=document.getElementById('id\u div\u add'+i); var clone=or

自动滚动至聚焦输入字段表单分区。 我正在克隆表单,以便一次添加更多用户。 因此,当我单击add按钮时,它必须向下滚动到输入字段

HTML:

$(文档).ready(函数(){
$('#id_i_fa_add')。单击(函数复制(){
$('id'i'u fa'u add')。关闭('click');
$('.fa.fa垃圾箱')。关闭('click');
var original=document.getElementById('id\u div\u add'+i);
var clone=original.cloneNode(true);
$(“#”+clone.id+“ai”).attr('class','fa-fa-trash');
$('#'+clone.id+“ai”).attr('id','id#i_fa_del'+i);
clone.id=“id\u div\u add”+++i;
clone.querySelectorAll(“[id='id\U span\U error\U email”+(i-1)+']”[0])。id='id\U span\U error\U email'+i;
$(克隆).find('input').val(“”);
$(克隆).find('span').text(“”);
document.getElementById('id\u form\u append').appendChild(克隆);
$('#id_form_append input').focus();
$('id_i_fa_add')。在('click',duplicate');
$('fa.fa垃圾箱')。在('click',复制垃圾箱);
});
});
函数duplicate_trash(){
var trash_id=this.id;
var parent_trash_id=$('#'+trash_id).parents().eq(1).attr('id');
$('#'+parent_trash_id).remove()
}

电子邮件地址
领域

您可以使用以下命令滚动到某个位置:

$(window).scrollTop(/* pixel count */)
要检索任何元素的位置,请使用:

$(/* selector */).position()
然后有一个简单的对象,其中包含选定元素的位置。要检索顶部的像素,请使用:

$(/* selector */).position().top

注意:只有当您的选择器恰好选择一个元素时,此选项才能正常工作。

您可以使用以下命令滚动到某个位置:

$(window).scrollTop(/* pixel count */)
要检索任何元素的位置,请使用:

$(/* selector */).position()
然后有一个简单的对象,其中包含选定元素的位置。要检索顶部的像素,请使用:

$(/* selector */).position().top
注意:仅当选择器仅选择一个元素时,此选项才能正常工作