사용자가 페이지를 스크롤 할 때 위쪽에 탐색 모음을 수정하려고합니다. 그러나 나는 그것으로 어떤 문제에 직면하고있다. 그렇게하는 동안 나는 일부 요소가 오버랩됨을 발견했다. 즉, 네비게이션 바를 숨기고 그 위에 자체를 표시한다.사용자가 페이지를 스크롤 할 때 위쪽에 탐색 모음을 수정하려고 할 때 문제가 발생합니다.
배경색이 파란색이고 div가 어딘가에 배경색 노란색으로 표시되어 있다고 가정 해 보겠습니다. 해당 div 아래로 스크롤 할 때 탐색 오버랩 및 탐색 모음의 파란색 색을 숨기고 노란색 색을 표시합니다 ..
이 도움말은 매우 도움이 될 것입니다.
고정 위치와 Z- 색인을 사용해 보셨습니까? 그렇다면 navs div에 다음 CSS를 사용 해보겠습니다.
position: fixed;
z-index: 1;
감사합니다 앤드류 내가 z - 인덱스를 설정하여 올바른있어 : 1 – Shubham
@ user3644860 아무 문제, 도와 드리겠습니다. –
당신은이
CSS를 아래의 예를 사용하여 달성 할 수있는 코드가없는 는 특정 해답 제공하지 못할 그러나 이것은 올바른 방향으로 가야
#my-nav-bar {
position: fixed;
top: 0px;
}
HTML 마크 업
<body>
<div id="my-nav-bar">
<!-- nav bar content -->
</div>
<!-- page content -->
</body>
체크 아웃 this fiddle
코드를 게시 할 수 있습니까? – David
누군가가 당신을 도울 수 있기를 원한다면, 문제의 관련 코드를 제공해야합니다 ... Z- 색인을 설정하려고합니까? –