JQuery scrollto가 입력 필드를 차단합니다.

Question

내 사이트에 텍스트를 추가 할 수있는 CMS 페이지를 만들었습니다. 페이지에 양식을 여러 개 제출했습니다. 스크롤을 피하기 위해 오른쪽 제출 양식으로 이동하기 위해 jquery scrollto 작업 메뉴를 만들었습니다.

$(document).on('click', '#scrollto_blogpost', function(event) { 
    $('html,body').animate({ 
     scrollTop: $('#blogtitle').offset().top -100 
    }, 'slow'); 
}); 

그것은 (형태의 상부 입력 필드이다) 입력란 #blogtitle 직접 점프 I 그것을 브라우저 가장자리와 입력 필드 사이에 간격을 제공하도록 오프셋.

메뉴 항목을 클릭하면 폼으로 점프하지만 입력 필드를 클릭 할 수 없으며 제출 단추를 클릭해도 무시됩니다. 텍스트 영역 상자는 클릭에 반응하지만 두 번째 행의 어딘가에 만 반응합니다.

현재 해결 방법은 다음과 같습니다. - 양식으로 바로 이동하십시오. - 마우스로 수동으로 위아래로 스크롤 - 모든 입력란은 마우스 클릭시 반응합니다.

오프셋과 관련이 있다고 생각하지만 적절한 해결책을 찾을 수 없습니다.

Answer 1

는 //이 정적

$('#scrollto_blogpost').click(function() { 
      $.scrollTo('#blogtitle', 800, {easing:'swing'}); 
      $('#blogtitle').effect('highlight', {}, 3000); 
     }); 

// 다른 링크에 대한 동적를 사용하여 div의이

<a href="#divid" class="link">click me</a> 
<div id="divid">Your DIv</div> 
$('.link').click(function(event) { 
      event.preventDefault(); 
      var id =$(this).attr('href') //make sure your href="#divid" 
      $.scrollTo(id, 800, {easing:'swing'}); 
      $(id).effect('highlight', {}, 3000); 
     }); 

처럼 만들려면