퀵메뉴 하단문의
관련링크
본문
예시사이트 보시면 풀페이지로 하단에 있다가
푸터에서 상단으로 올라가더라구요
혹시 어떻게 이렇게 처리되는지 알수있을까요 ?
답변 1
처음에 bottom:0 로 있다가.. 스크롤이 내려가면..
아래 카피라이터 만큼 bottom:142px 로 수정해주는 겁니다.
개발자도구에서 floating 으로 검색하시면 관련 소스 확인 가능
$(window).bind('resize load', function(){
var wh = $(window).height();
var ww = $(window).width();
var h_110 = wh - 110;
var h_122 = wh - 122;
// $(".full_section").css("height",wh);
$(".full_section").css("height",wh);
$(".mv_wrap").css({"width":ww,"height":h_110});
$(".mv_list").css("height",h_110);
$(".s4").css("height",h_122);
});
$(window).scroll(function(){
var scroll = document.documentElement.scrollTop;
if( scroll>0 ){
$(".header").stop().animate({
"top":"-34px"
}, 300);
$(".floating").stop().animate({
"bottom":"0"
}, 300);
// $(".vb_cont").stop().animate({
// "height":"0"
// }, 300);
$(".new_news_wrap").hide();
} else {
$(".header").stop().animate({
"top":"0"
}, 300);
// $(".vb_cont").stop().animate({
// "height":"95px"
// }, 300);
$(".new_news_wrap").show();
}
if (($(window).innerHeight() + $(window).scrollTop()) >= $("body").height()) {
$(".floating").stop().animate({
"bottom":"142px"
}, 300);
} else { }
});
답변을 작성하시기 전에 로그인 해주세요.