비활성화 패널 애니메이션 스크롤 내 탐색에서

Question

, 연락처 링크는과 같이 사이트의 상단에 오버레이 패널을 아래로 슬라이드 패널 아래로 아래로 스크롤 할 수 있어야합니다. 기본적으로 페이지 스크롤 기능을 해제하고 싶습니다. 패널 내에 사용 가능한 공간보다 많은 내용이 있으면 패널 내에서 스크롤됩니다. 이 추가 오버 플로우에 의해 간단하게 이루어집니다 :

이

#contactPanel{width:100%; height:100%; overflow:scroll;position: absolute; top:-100%; left:0; z-index: 6; background: #000000; color:white;} 

그래서, 스크롤 패널 내에서 괜찮지 만, 나는 어떤 신체/문서 내에서 스크롤을하지 않습니다과 같이 패널의 CSS를 스크롤합니다.

순수 CSS로 가능하지 않은 경우 javascript는 옵션입니다.

Answer 1

"contactPanel"이 본문 (또는 뷰포트)보다 크지 않으면 본문이 스크롤되지 않습니다. 하지만 오버플로를 설정할 수 있습니다. 숨기기 만하면됩니다. 나는 실제로 contactPanel을 수직으로뿐만 아니라 양방향으로 스크롤하기를 원한다고 추측하고 있습니까? overflow-y를 사용하십시오 : scroll;

텍스트 스타일링 규칙을 텍스트 개체 자체로 이동하는 것이 좋습니다 ...하지만 그건 저뿐입니다.

body { 
    overflow:hidden; 
} 

#contactPanel { 
    overflow-y:scroll; 

    width:100%; 
    height:100%; 
    position: absolute; 
    top:-100%; 
    left:0; 
    z-index: 6; 
    background: #000000; 
} 

#contactPanel p { 
    color:#fff; 
}