scroll
본문
counsel{position:fixed;left:0;bottom:0}
.scroll{position:relative}
인데,
#ft에 도달하면 addClass되서 scroll이라는 class가 추가 됐으면 합니다.
어떻게 하나용?ㅠ
<div class="counsel">내용</div>
<div id="ft">푸터</div>
ex)
답변 1
$(function(){
var height = $("#ft").offset().top; var height2 = $("#ft").offset().top +$("#ft").height();
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop <= height2 && scrollTop >= height ) {
$('.counsel').addClass('scroll');
} else {
$('.counsel').removeClass('scroll');
}
});
})
안...안되용 ㅠ 흑
어디에 scroll 이라는 클래스가 추가되면되나요 자세하게 소스코드 전체를올려주세요.
$('.counsel').addClass('scroll');
이 부분에서
counsel class를 가진 곳에 추가합니다.
<style>
.counsel{position:fixed;left:0;right: 0;bottom:0;height:135px;}
.scroll{position:relative !important}
</style>
<Script>
$(function(){
var height = $("#ft").offset().top;
var height2 = $("#ft").offset().top +$("#ft").height();
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop <= height2 && scrollTop >= height ) {
$('.counsel').addClass('scroll');
} else {
$('.counsel').removeClass('scroll');
}
});
})
</script>
<div class="counsel "></div>
<div id="ft"></div>
이렇게 했습니다,
답변을 작성하시기 전에 로그인 해주세요.