오버레이 CSS 효과가 제대로 작동하지 않습니다.

Question

웹 페이지를 만들고 있는데 문제가 있습니다. 화면이 980px 이하이면 메뉴가 숨겨지고 '햄버거'와 같은 버튼 메뉴가 화면에 나타납니다. 해당 버튼을 클릭하면 div가 모든 화면을 차지하고 메뉴가 표시됩니다 (완벽하게 작동 함). 그러나 아래로 스크롤하여 '햄버거'버튼을 클릭하면 오버레이 div가 원래 위치에 나타납니다. 이 봐 : 아래로 스크롤 WHEN

그러나이

는, 이런 : 사용자가 웹 페이지의 상단에 IT를 열면

이것은 IT가 일어나는 것이다 :

고해상도가 맞습니까? 내가 오버레이 효과는 웹 페이지의 상단에 바로 그 공간이 아닌 전체 화면에 맞게하려면, 여기에 페이지의 :

http://wwww.sinvender.com/hg/index.htm

누군가가이 문제를 해결하는 방법을 알고있는 경우에, 저에게 알려주세요, 감사합니다! 직접 시도해보고 싶다면 위의 링크를 열고 브라우저 크기를 줄이십시오.

Answer 1

오버레이 div에서 "position : fixed"대신 "position : fixed"를 사용하여 고정했습니다!