2026, 새로운 도약을 시작합니다.

scroll 채택완료

counsel{position:fixed;left:0;bottom:0}

.scroll{position:relative}
인데,

#ft에 도달하면 addClass되서 scroll이라는 class가 추가 됐으면 합니다.

어떻게 하나용?ㅠ

<div class="counsel">내용</div>

<div id="ft">푸터</div>

ex)

http://chachacoffeeco.com/html/fran.html

답변 1개

Copy


$(function(){

    var height = $("#ft").offset().top;  var height2 = $("#ft").offset().top +$("#ft").height();

    $(window).scroll(function() {

    var scrollTop = $(window).scrollTop();

    if (scrollTop = height  ) {

        $('.counsel').addClass('scroll');

    } else {

        $('.counsel').removeClass('scroll');

    }

  });

})

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

안...안되용 ㅠ 흑
어디에 scroll 이라는 클래스가 추가되면되나요 자세하게 소스코드 전체를올려주세요.
$('.counsel').addClass('scroll');
이 부분에서
counsel class를 가진 곳에 추가합니다.
[code]
<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>

[/code]

이렇게 했습니다,

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고