CSS 줌은 감소하지만 제대로

내가 사업부를 확대하기 위해 다음과 같은 기능을 사용하고 증가하지 않습니다. currentZoom (10) 대신에 1.1로 이동합니다 (아래로 스크롤) 축소 할 때,하지만 당신은 확대 (스크롤) 할 때 상당히 잘 작동합니다. 그 시점에서 당신은 축소 할 수 있지만 (나는 CSS 줌이 제한됩니다 있으리라 믿고있어) 다시 확대 할 수 없습니다.CSS 줌은 감소하지만 제대로

무엇이 누락 되었습니까? 마우스 휠 코드 event.wheelDelta returns undefined에

$('#workArea').on('mousewheel DOMMouseScroll', function (e) { 
    e.preventDefault(); 
    var currentZoom = $(this).css('zoom'); 
    alert(currentZoom); 
    if (e.originalEvent.wheelDelta > 0) { 
     currentZoom += .1; 
     $(this).animate({ 'zoom': currentZoom }, 400); 
    } else { 
     currentZoom -= .1; 
     $(this).animate({ 'zoom': currentZoom }, 400); 
    } 
});

신용

출처

2013-06-17 Scott Beeson

모든 CSS 속성은 문자열로 반환됩니다. 이 currentZoom += .1가 10.1이 발생할 것을 의미합니다. 난 당신이 올바른지, 그리고 CSS 줌이 고정 된 범위로 제한되어 있음을 추측한다. 당신이 문제를 해결 currentZoom = parseFloat($(this).css("zoom")); 또는
currentZoom = +$(this).css("zoom")

출처

2013-06-17 19:50:29

자바 스크립트를 사용해 보려면 1.

의 줌 레벨로 돌아 가면 확대하는 것은 다시 작동합니다. 사랑할 수는 없지만 증오하는 것은 불가능합니다. '+ "찬성 투표"' – Bojangles

우수, 감사 (10 분에 받아 들일 것) –

@Bojangles MySQL은 문자열로도'INT' 필드를 반환, 비슷한 문제를 겪고있다 -를 통해 자바 스크립트 MySQL에서 데이터를 전달할 때 사용하는 조금 어렵게 JSON;) –

CSS 줌은 감소하지만 제대로

답변

관련 문제