게시판 스크롤 이상 질문드립니다 채택완료
sooable
3년 전
조회 2,451
스크롤을 내리면 끝까지 가지 못하고 위로 튕겨져 올라가는 현상이 발생하는데요,,
보니까 다른 페이지에서는 문제없고 리스트게시판의 맨 첫글, 맨 마지막글에서 발생하는 것 같은데
(검사창으로 이전글 li 부분을 복붙해서 리스트를 2개 만드니 스크롤이 정상 작동하는걸 확인했습니다)
이런 현상을 처음 봐서 어디를 손대야하는지 모르겠네요..
제가 커스텀하다가 문제가 발생한 것 같은데.. 코드 보고 도움주실 수 있는 분이 계시면 감사하겠습니다
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
3년 전
header fixed 이부분 바로 fixed 이부분 바로 이걸로하시고
#sub_div 이부분 padding-top:200px; 처리하시면됩니다
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
s
sooable
3년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
헤더는 포지션 변화가 있어야해서
섹션 높이가 너무 짧아서 문제가 발생한 걸로 이해하고 이렇게 수정해서 해결했습니다
감사합니다!
[code]
$(window).scroll(function(){
//헤더고정
var hdTopH = $('.header_top').height();
var hdH = $('.header').height();
var WsclTop = $(window).scrollTop();
if(WsclTop - hdTopH > 0){
$('.header').addClass('fixed');
$('.main').css('padding-top',hdTopH+hdH);
$('#sub_div').css('padding-top', hdTopH+hdH);
}else{
$('.header').removeClass('fixed');
$('.main').css('padding-top',0);
$('#sub_div').css('padding-top',0);
}
});
[/code]