숨겨진 div를 표시 할 때 스크롤을 중지하는 페이지

Question

고정 된 크기의 div 안에 탭이있을 때마다 해당 탭이 외부 div보다 커서 전체 페이지가 스크롤되지 않을 때까지 스크롤 할 수 없습니다. 더 이상 내 탭을보고, 나는 jsfiddle에서 문제를 보여주기 위해 조롱했다.

문제를 보려면 페이지가 포함 된 div보다 작아야합니다.

jsFiddle

사람은 탭이 자바 스크립트를 사용하지 않고 전환 할 때 나는 아래로 스크롤에서 페이지를 막을 수있는 방법을 알아?

Answer 1

당신이 가진 모든 evt.preventDefault();되는합니다 :

http://jsfiddle.net/vVJY4/2/

Answer 2

자바 스크립트를 사용하여없이? 할 수 없습니다.

자바 스크립트를 사용하여 간단합니다 : 나에게 evt.preventDefault을 보여주는

evt.preventDefault(); 

http://jsfiddle.net/vVJY4/3/

Answer 3

감사합니다() 그것은 나에게 맞는 자리에보고되었다. 링크를 클릭하면 내 숨겨진 div가 페이지가 스크롤됩니다.

나는 또한 단지 뭔가 다른 href 속성에서 ID를 제거 할 수 있습니다 스크롤을 중지하려면,

jsFiddle

Answer 4

사용하려는 경우 "순수"자바 스크립트 사용 :

function stopScroll() 
{ 
    document.getElementById("body_id").style.overflow = "hidden"; 
} 

function startScroll() 
{ 
    document.getElementById("body_id").style.overflow = "auto"; 
}