안녕하세요.
제이쿼리 스크롤 높이 위치에 따라 Fixed 를 해주는 코드를 이용 중에 있습니다.
var win = $(window),
header = $(".main"),
headerOffsetTop = header.offset().top;
win.scroll (function(){
if ( $(this).scrollTop() >= headerOffsetTop ) {
header.addClass("fixed");
} else {
header.removeClass("fixed");
}
});
가장상단부터 휠을 내리면 아주 정상적으로 작동하지만
휠을 내린 상태에서 새로고침을하면 fixed 가 스타일에 붙어있어야 정상이지만
휠을 내린 상태에서 새로고침을해보면
안쪽에 내용이 많이들어가서인지 로딩 순서의 문제인지
새로고침 100번에 10번 정도는 붙어있지 않은상태로 출력됩니다.
이상태에서 휠을 1px만 움직여도 fixed css가 붙습니다.
로딩 순서나 main안에 들어간 내용이 무거워서 그런것 같은데
혹시 해결할 방법을 아시는분 계신가요?
8번 URL을 남겨주시고 어디에 고정하고 있는지도 남겨주셔야 정확하게 답변이 가능할듯 한데요..