답변 2개
채택된 답변
+20 포인트
조나단입니다
6년 전
Copy
var curSc =0, wh =0, imgH=0, ft=0, hap = 0;
$(document).scroll(function() {
curSc = $(document).scrollTop() + $(window).height(); //현재 스크롤 높이
ft = $("#푸터아이디").height(); //푸터높이
wh = $(document).height(); //전체높이
imgH = $("#이미지아이디").height(); //이미지 높이
hap = curSc + ft;
cha = hap-wh;
if(hap > wh){ //합이 전체높이보다 크면 그차이만큼 bottom 값 변경해줌
$("#푸터아이디").attr('style','position:fixed; bottom :'+ cha + 'px');
}
})
방금 만들어서 해봤는데 잘되네요
cha값만 상황에 맞게 조정해주면 될것 같습니다
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
6년 전
답변 감사합니다! 이미지도 잘 나오네요ㅎ 그런데 다시 스크롤해서 창을 올리면 푸터가 bottom:0이 되지 않고 밑 여백이 생깁니다~ 혹시 방법 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
조나단입니다
6년 전
if(hap > wh){ //합이 전체높이보다 크면 그차이만큼 bottom 값 변경해줌
$("#푸터아이디").attr('style','position:fixed; bottom :'+ cha + 'px');
}else{
$("#푸터아이디").attr('style','position:fixed; bottom : 0px ');
}
이렇게 바꾸면 될것 같습니다
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인