Javascript scrollTo不工作
我正在创建一个表单,它工作正常,我有一个问题,当用户没有填写一个字段时,意味着我想显示错误消息,错误消息也在工作,但我想显示该特定字段,所以我使用scrollTo函数,但它没有移动Javascript scrollTo不工作,javascript,jquery,Javascript,Jquery,我正在创建一个表单,它工作正常,我有一个问题,当用户没有填写一个字段时,意味着我想显示错误消息,错误消息也在工作,但我想显示该特定字段,所以我使用scrollTo函数,但它没有移动 $(document).ready(function() { $("#btn-submit").click(function() { if ($('#FranchiseeForm').valid()) { //alert("Sucess"); $.ajax({ ty
$(document).ready(function() {
$("#btn-submit").click(function() {
if ($('#FranchiseeForm').valid()) {
//alert("Sucess");
$.ajax({
type: "POST",
url: "php/register-check.php",
data: $('form#FranchiseeForm').serialize(),
success: function(data) {
var result = data["response"];
console.log(result);
if (result == 'success') {
$('body').animate({
scrollTop: $('#email_success')
}); //This one working for me
$('#email_success').fadeOut(3000);
$(".panel-title").hide();
$("#email_success").show();
$('#fname').val("");
$('#lname').val("");
$('#email').val("");
$('#mobile').val("");
$('#address').val("");
$('#countryId').val("");
$('#stateId').val("");
$('#cityId').val("");
$('#pincode').val("");
$('#capital').val("");
$('#timeframe').val("");
$('#location').val("");
} else {
$("#email_error").show();
}
},
});
return false;
} else {
$('body').animate({
scrollTo: $('#address')
}); //this code not working for me,
}
});
});
scrollTo
不是.animate()
中的选项。。。你可以试试
$('body').animate({
scrollTop: $('#address').offset().top
});
或者你可以阅读你可能应该把它改成$('body').animate({scrollTop:$('#address'));scrollTop意味着它将进入顶端,错误消息middle is there意味着这段代码将如何工作,但我正在添加一个类似$('body').animate({scrollTop:$('timeframe').offset().top})的字段,它会像吉格·贾格一样出现,第一个将进入顶部,然后再次出现down@RajaR我真的不明白你的意思。。如果你能做一个演示会更好。。或者,如果可能的话,你可以发送网站链接。如果我没有填写地址字段,说明你的代码工作正常,并且我没有填写#大写字段说明如何编写code@RajaR在这种情况下,您可以检查($('#Capital').val().trim()=''){//没有资本值//执行操作}