Div가 고정 위치로 설정 됨 모바일 응답보기에서 스크롤하지 않음

Question

모바일 화면 너비가 고정 된 머리글 바로 뒤에 올 고정/고정 막대를 추가하려고합니다. < 420px이지만 모든 CSS 속성 고정 머리글 바로 뒤에 div 스틱을 만들어야하지만 스크롤에 고정되어 있지 않아서 누군가가 크롬이나 방화범을 사용하여 약 400px의 모바일보기에서이 링크를 볼 수 있다면 좋을 것입니다. 무엇이 잘못되었는지 알려주시겠습니까?

다음은 고정 헤더가있는 스크롤에서 부동화하려고하는 div의 CSS입니다. 그것은 transform 특성 세트 (source)가있는 경우

#hstickyfor_mobile { 
    z-index: 10000; 
    transform: translate3d(0, 0, 0); 
    position: fixed; 
    top: 100px; 
    width: 100%; 
    height: 100px; 
} 

감사

Answer 1

위치는 상위 엘리먼트에 대해 설정된다.

position: fixed을 올바르게 설정하는 동안 .mobmenu-push-wrap 요소의 주소는 transform입니다. 따라서 hstickyfor_mobile 요소의 위치는 정적 인 .mobmenu-push-wrap 요소를 기준으로 결정됩니다.