css 조언 구합니다.
본문
이벤트 페이지 코딩을 하였습니다.
상단 메뉴바와 하단 상담창이 고정으로 보여지는 그런 원페이지 작업물입니다.
pc 버전은 상단 메뉴바만 고정으로 이동하도록 해서 문제없이 잘 표시되고 있는데요.
모바일 버전은 페이지 끝에 공백이 대략 남감하게 많이 보여진다는 문제가 있습니다.
이와 유사한 작업물은 문제없이 정상작동하고, 전반적인 코드도 다르지 않음에도
요녀석은 하단에 공백이 생기는 이유를 해결하지 못하고 있습니다.
불금을 즐겨야할 지금 이 문제로 골치아퍼하는 중생에게 자비를 배푸소서
http://test7.happyjung.com/hungrybrothers/index.php?device=mobile
답변 3
엇...맞는거 같기도..하구..아닌거 같기도 하고..
Fix하신 bottom 아래에 div가 하나 더 있으신거 같은데..
img12.png 있는 div가 관련있는거 같은데.....
delete element하니까 footer가 훅 올라가긴 합니다..
$( document ).ready( function() {
var FixedLayoutOffset = $( '.FixedLayoutTop' ).offset();
$( window ).scroll( function() {
if ( $( document ).scrollTop() > FixedLayoutOffset.top ) {
$( '.FixedLayoutTop' ).addClass( 'FixedLayoutfunction' );
}
else {
$( '.FixedLayoutTop' ).removeClass( 'FixedLayoutfunction' );
}
});
} );
해당 클래스가 없어서 스크롤마다 오류가 발생하는데 이것때문이 아닐지..
!-->
답변을 작성하시기 전에 로그인 해주세요.