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

Question

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

放在一些上下文中:这是我网站的相关部分:http://jsfiddle.net/XGERP/1/
这是完整的 website .我希望用户决定 #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");
            }
        });
    });