테스트 사이트 - 개발 중인 베타 버전입니다

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

몽글몽그리 1년 전 조회 18,224

http://sir.kr/data/editor/2405/1935593099_1715848507.3099.png" />

 

안녕하세요

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

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

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

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

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

 

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

답변 1개

채택된 답변
+20 포인트
웅푸
1년 전

$(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개

몽글몽그리
1년 전
감사합니다. 그대로 적용하였는데 커지는 기능이 반응형에서 제거 됬다가 안됬다가 하네요 뭐가 문제인지... ㅠ
웅프
1년 전
$(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();
});
});
//스크롤 헨들러함수를 별도로 정의 하면 될것같네요 적용해보세요

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

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

로그인