첨부된 이미지 참조) 상단 메뉴 변화 처리 설명 좀 부탁드립니다.

xe로 사이트를 제작중인데요.

요즘 스타일의 상단 메뉴 스타일에 대한 이해가 부족합니다ㅠ

페이지를 하단으로 내리면 상단 메뉴가 변하게 되는 부분에 대해 어떻게 작동되는지 설명 좀 부탁드립니다.

메뉴가 이런 형태인데 하단으로 내리면 아래처럼 바뀌면서 스크롤을 내려도 픽스되어 있습니다.

이렇게 스크롤을 내릴때 어떤 이벤트가 발생을 하는건가요?

소스를 보면

클래스를 보면 디폴트값이 affix-top 인데 스크롤을 내리면 아래처럼 affix로 바뀝니다.

이렇게 스크롤을 내리면 변하는 부분이 어디에 정의 되어 있으며 어디 부분을 손대야 할까요?

프로그램을 오래전에 조금 배우긴 했는데 요즘 진화된 프로그램에 대해서는 모르다보니

어디를 손대야 하는지 어떻게 접근해야 하는지 감이 없네요.

작은거라도 조언 좀 부탁드립니다~~^^