분 높이가 자동으로 아래로 아래로 페이지를 스크롤하고 링크를 클릭하십시오

Question

여기 내 코드

http://jsfiddle.net/aSCDp/5/

입니다 스크롤 페이지에 영향을 미칠 것입니다. 페이지가 자동으로 맨 위로 스크롤됩니다.

링크를 클릭하면 페이지를 고정시킬 수 있습니까?

문제는 #container의 "최소 높이"에서 발생한다고 생각했습니다. "최소 높이"를 # tab3보다 높게 설정하면 전혀 문제가 없습니다.

또한 "$ ('# tab'+ k) .fadeIn (500);"을 " "$ ('# tab'+ k) .show();"와 함께 . 페이지가 맨 위로 스크롤되지 않습니다.

이 문제를 해결하고 fadeIn 효과를 유지하도록 도와 주시겠습니까?

감사

Answer 1

또 다른 방법은 창 스크롤 오프셋을 수정하는 것입니다. 귀하의 코드에서 :

var scrollTop = $(window).scrollTop(); 
$('.tabs').hide(); 
$('#tab' + k).fadeIn(500); //$('#tab' + k).show(); 
$(window).scrollTop(scrollTop); 

Answer 2

당신의 DOM의 바닥에 앵커를 설정을 연결 색상 이름을 확인하고 바닥 앵커에 각을 가리킬 수 있습니다. JSFiddle