SIR
목록으로

스크롤 너비값 커지는 js 반응형에서 제거하려면 채택완료

몽몽글몽그리
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 조회 18,625
답변 1
목록

1935593099_1715848507.3099.png

 

안녕하세요

스크롤 밑으로 내릴때 너비값 커졌다가

스크롤 올리면 너비값 작아지는 js 사용했는데요

너비 1279에서부터 스크롤 js 기능 없애고 싶어서요

else if? 같은걸 사용했던거 같은데

어떻게 추가해야 할까요....??

 

#자바스크립트

답변 1개

채택된 답변
+20 포인트

$(document).ready(function() {
    let ww = $(window).width();
    layout();
    function layout() {
        if (ww > 1200) {
            $(window).scroll(function() {
                let h = $(window).scrollTop();
                const y = 1 / 4000 * h + 5 / 7;
                $('#bigger').css({
                    transform: `scale(${y})`
                });
            });
        } else {
            $(window).off('scroll');
        }
    }
});

아니면 다음처럼.....

$(document).ready(function() {
    function layout() {
        let ww = $(window).width();

        if (ww > 1200) {
            $(window).on('scroll.handleScroll', function() {
                let h = $(window).scrollTop();
                const y = 1 / 4000 * h + 5 / 7;
                $('#bigger').css({
                    transform: `scale(${y})`
                });
            });
        } else {
            $(window).off('scroll.handleScroll');
            $('#bigger').css({
                transform: 'scale(1)' // 초기화
            });
        }
    }
    layout();
    $(window).resize(function() {
        layout();
    });
});

 

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

답변에 대한 댓글 2개

감사합니다. 그대로 적용하였는데 커지는 기능이 반응형에서 제거 됬다가 안됬다가 하네요 뭐가 문제인지... ㅠ
$(document).ready(function() {
function handleScroll() {
let h = $(window).scrollTop();
const y = 1 / 4000 * h + 5 / 7;
$('#bigger').css({
transform: `scale(${y})`
});
}
function layout() {
let ww = $(window).width();

if (ww > 1200) {
$(window).on('scroll.handleScroll', handleScroll);
} else {
$(window).off('scroll.handleScroll', handleScroll);
$('#bigger').css({
transform: 'scale(1)' // 초기화
});
}
}
layout();
$(window).resize(function() {
layout();
});
});
//스크롤 헨들러함수를 별도로 정의 하면 될것같네요 적용해보세요

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

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

로그인
🐛 버그신고