요소를 스크롤하여 스크롤 div의 맨 아래에 있도록하려면 어떻게해야합니까?

Question

자동으로 요소로 스크롤하고 싶지만 #elem이 #crm_corp_scroll div의 맨 아래에 있도록 스크롤 할 수 없습니다. 나는

$j('#crm_corp_scroll').animate({scrollTop: $j('#'+elem).offset().top},'fast'); 

를 사용하여 시도하지만 요소가 상단에와보기를 벗어 있도록이 사업부를 스크롤합니다.

네이티브 scrollIntoView를 시도했지만 요소의 중간으로 스크롤합니다. 전체 요소를보기를 원합니다.

jsFiddle for how it works right now. row6이 #crm_corp_scroll의 맨 아래에 있도록 스크롤해야합니다. #crm_corp_scroll div의 하단에있는보기에

$j('#crm_corp_scroll').animate({scrollTop: ($j('#'+elem).offset().top - $j('#crm_corp_scroll').height() + $j('#'+elem).height() * 2) },'fast'); 

이 스크롤 ELEM :

는 sollution을 나타냈다.

Answer 1

편집 : 더 나은 귀하의 요구에 맞게 수

시도 다른 접근 방식 :

---

http://jsfiddle.net/HLxGM/5/

내가 의도 한대로 작동하는지 here

참조하여 jsfiddle 변경되었습니다.

나는 row.offset(). top-box.height() + (row.height() * 2)를 사용했으며 의도 한대로 작동하는 것 같습니다.

here

가 row.offset을 (가지고 더 신뢰할 수있는 솔루션) 최고 -. box.offset() 상단 -. box.height() + (row.height() * 2) 그것은 또한 작동 그것이 다른 장소에있을 때 문서의 시작입니다.