클릭하면 반응 슬라이딩 높이가

Question

이것은 내 사이트입니다 : http://www.stilld.nl

아래로 스크롤하여 항목을 클릭하십시오. 2 일 발생 : 클릭 포트폴리오 항목에 대한

1. 세부 사항은
2. 페이지 스크롤 아래로 그 포트폴리오 항목의 세부 사항을 향한 포트폴리오 아래에 나타납니다.

픽셀 수가 많아 지므로 제대로 작동합니다.

문제 : 브라우저를 내려 놓으면 포트폴리오가 서로 아래쪽으로 향하게됩니다. 이제 항목을 클릭하면 아래로 스크롤해야하는 픽셀 수가 아래로 스크롤되지만 지금은 충분하지 않습니다.

내 해결 방법 (작동하지 않음) : 숫자를 아래로 스크롤하는 대신 CLASS로 스크롤을 내려 보았습니다. 이 작업은 효과가 있지만 코드가 작동하지 않습니다. 그냥 페이지의 맨 위로 스크롤합니다. CLASS가 나타날 때 (또는 더 빨라서) 스크롤 다운이 동시에 요구되기 때문에 내 코드가 CLASS를 제 시간에 볼 수 없기 때문에 이러한 현상이 발생한다고 생각합니다. 이 코드는 내 첫 번째 코드입니다 (및 위에 사용 :

$(document).ready(function(){ 
$(".portfolio").click(function() { 
    if ($('#'+$(this).attr('target')).is(':visible')){ 
     $('#'+$(this).attr('target')).slideUp();   
    } else { 
     $('.description').slideUp(); 
     $('#'+$(this).attr('target')).slideDown();   
     $('html, body').animate({scrollTop: $('#targetWrapper').offset().top + 600 }, 600); 
    } 

}); 
$(".close").click(function() { 
    $('.description').slideUp();   
    $('html, body').animate({scrollTop: $('.p_img').offset().top }, 600); 
}); 

});

내가 원하는 :

이 코드는 클래스 또는 ID 아래로 스크롤 코드로 변환되어야합니다. 그러나 이것은 CLASS 나 ID가 나타난 후에 발생해야합니다. 나는 그것이 해결책이라고 생각한다.

Answer 1

재 편집

추가 플로트 : 왼쪽; 이 작동됩니다 (내 사이트를 체크 아웃)

$('html, body').animate({scrollTop: +($('#alldescriptions').offset().top) + 'px' }, 600);