잡히지 않은 TypeError : 정의되지 않은 'top'속성을 읽을 수 없습니다.

Question

버튼을 사용하여 앵커로 이동하려고합니다.

내 JS 코드는 다음과 같습니다

<input type="text" id="FName_Ship" name="FName_Ship" value="James" onchange="$.ajax({ type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&amp;fieldname=shipfname&amp;fieldvalue=' + this.value + '&amp;extra=' + rnd() });" class="valid"> 

Answer 1

jQuery.offset() : 내가 클릭에 갈거야

<input type="Submit" id="AsGuest" class="btn btn-orange" value="CONTINUE AS A GUEST" style="margin-top:5px;"/> 

지역 : 내가 클릭으로 사용하고

function scrollToAnchor(aid){ 
     var aTag = $("a[name='"+ aid +"']"); 
     $('html,body').animate({scrollTop: aTag.offset().top},'slow'); 
    } 

    $("#AsGuest").click(function() { 
     scrollToAnchor('FName_Ship'); 
    }); 

HTML 버튼 빈 jQuery 객체에서 호출 될 때 null을 반환합니다. .offset() 메서드를 호출하기 전에 aTag.length을 확인하십시오. 대부분 앵커가 없습니다.

Answer 2

a 태그를 input으로 대체하십시오. 이는 실제로 타겟팅하는 요소이기 때문입니다.

function scrollToAnchor(aid){ 
    var inputTag = $("input[name='"+ aid +"']"); 
    $('html,body').animate({scrollTop: inputTag.offset().top},'slow'); 
} 

$("#AsGuest").click(function() { 
    scrollToAnchor('FName_Ship'); 
});