JS는 탐색 모음 호버 효과(계속 2)_javascript 기술을 구현합니다.

var naviga_offsetTop = 0

//탐색 표시줄을 상단에 올리기
function naviga_stay_top(){
// 스크롤 거리 가져오기
var scrollTop = $(document).scrollTop()
//스크롤 거리가 상단에서 원래 네비게이션 바까지의 거리보다 큰 경우
//내비게이션 직접 수정 시각적 영역 상단의 막대
if( scrollTop > naviga_offsetTop ){
$("#nav").css({"top": "0px"})
} else {
//스크롤 거리가 작은 경우 원래 탐색 막대와 상단 사이의 거리를 확인한 다음 탐색 막대의 위치를 ​​다시 계산합니다.
$("#nav").css({"top": naviga_offsetTop - scrollTop "px"});
}
}

function onload_function(){
//초기 탐색 표시줄 높이 기록
naviga_offsetTop = $("#nav ").attr("offsetTop");

//Tie 고정 스크롤 및 마우스 이벤트
$(window).bind("scroll", naviga_stay_top);
$(window).bind ("mousewheel",naviga_stay_top);
$(document).bind(" scroll", naviga_stay_top);
$(document).bind("mousewheel",naviga_stay_top)
}
🎜>$(document).ready( onload_function );


test.css: 탐색 클래스 스타일에 주의