스크롤 내리면 상단에 붙는 메뉴관련. 채택완료
스크롤을 내리면 중간메뉴가 상단에 고정되게 작업을 했습니다.
각 메뉴 카테고리마다 해당 위치로 가면 스타일이 바뀌게 까지 작업을 했습니다.
문제는, 크롬에서는 이상이 없는데 익스플로러에서
메뉴 클릭시 해당 메뉴부분 스타일이 활성화가 안됩니다.
아래 소스 보시면 이해가 쉬을듯 합니다.
빨간색으로 표기한 스타일 부분에 높이값을 주면 이상없이 보여지긴 하는데, 각 영역마다 강제로 높이값을 줄수는 없는 상황입니다.
어떤 부분이 문제인지 아시는분 계실까요..이것저것 시도해봐도 안되네요;;
------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
답변 2개
아래부분을
if ($(this).scrollTop() >= divIdtop ) { liThis.addClass("on").siblings().removeClass("on"); }
아래처럼 고쳐보세요
if ($(this).scrollTop() >= divIdtop-1 ) { liThis.addClass("on").siblings().removeClass("on"); }
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인