jquery鼠标滚轮缩放(改变div的宽度)

Question

我希望能够使用鼠标滚轮更改div的宽度.
我想这很难做到(至少对我来说很难),但我想也许有人写过这样的jquery或javascript代码.

在某些背景下:这是我网站的相关部分:http://jsfiddle.net/XGERP/1/
这里是完整的网站.我希望用户决定它有多大 #main div.

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");
            }
        });
    });