스크롤을 해제하는 방법 (오버플로 : 숨김 제외)

Question

사용자가 내 페이지를 스크롤하지 못하도록해야합니다. div가 화면 밖으로 배치되어 나중에 볼 수있게됩니다. 스크롤 막대가 없도록 이미 오버플로 : 숨김을 사용하고 있지만 마우스 휠을 사용하여 계속 건너 뛸 수는 있습니다. 어떻게 든 꺼 버리고 싶습니다. 또한 동적으로 켜고 끌 수 있다면 편리 할 것입니다. if 문을 사용하여 나중에 필요할 경우 스크롤을 다시 가능하게 할 수 있습니다.
미리 감사드립니다.

Answer 1

애니메이션을 나중에 할 때 문서의 준비 단계에서 몇 가지 설정 애니메이션을 시작하지 않는 이유는 무엇입니까? 이렇게하면 요소 크기가 최소화되고 경계가 넘칠 수 없습니다.

$(document).ready(function() { 
    $("#isCausingScrolling").animate({width: "toggle"},{duration:2000});  
}); 

width: "toggle"

0 또는 그 반대로 아래쪽에서 X 폭 축소 요소를 발생; duration은 단순히 애니메이션의 소요 시간 (밀리 초)을 나타냅니다.

$("#Button1").on("click", function(){ 
    $("#isCausingScrolling").animate({width: "toggle"},{duration:2000}); 
}); 

요소의 크기를 보통 너비로 되돌 리거나 일부 입력 유형 (이 경우 버튼)에서 다시 축소합니다.