jquery 마우스 휠 줌 (div의 너비 변경)

Question

마우스 휠을 사용하여 div의 너비를 변경하고 싶습니다.
나는 이것이 (적어도 나를 위해 열심히)하는 것은 매우 어렵다고 생각하지만 어쩌면 누군가가 그런 jquery 또는 자바 스크립트 코드를 작성했다고 생각했습니다.

어떤 상황에 넣어하려면, 여기 내 웹 사이트의 관련 부분입니다 : http://jsfiddle.net/XGERP/1/
그리고 여기에 전체 website입니다. #main div의 크기를 사용자가 결정할 수 있기를 바랍니다. 그것이 비록 텍스트로 작업 할 경우

http://www.jacklmoore.com/zoom/

가 그럼 그냥 사용자가 마우스를 올렸을, 그들은 조금 더 가까이 읽을 수 있습니다 당신은 jQuery를 줌을 사용할 수

Answer 1

여기에 멋진 jquery가 있습니다. Chrome, Firefox 및 IE11에서 작동하도록 테스트되었습니다.

$(document).ready(function(){ 
    $('#main').bind('wheel mousewheel', function(e){ 
     var delta; 

     if (e.originalEvent.wheelDelta !== undefined) 
      delta = e.originalEvent.wheelDelta; 
     else 
      delta = e.originalEvent.deltaY * -1; 

      if(delta > 0) { 
       $("#main").css("width", "+=10"); 
      } 
      else{ 
       $("#main").css("width", "-=10"); 
      } 
     }); 
    }); 

Answer 2

...

확실하지 않음 정말 ... 그것은

아니면 이런 일을 할 수있는에보고하지 않은

$('#main').mousewheel(function(event, delta) { 
var delta_px = delta > 0 ? "+=50" : "-=50"; 
$(this).css('width', delta_px); 
}); 

당신은 그에 대한 mousewheel 확장 플러그인이 필요 ... Heres는

http://archive.plugins.jquery.com/project/mousewheel

작업 데모, 마우스 휠 스크립트가 모든 위에, 다음 원하는 실제 JQuery와 바닥

DEMO HERE

에있다