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

Answer 2

您可以使用Jquery Zoom ...

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

然后就在用户徘徊时，他们可以阅读得更近......

不确定它是否适用于文字，但还没有真正研究过它

或者你可以这样做......

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

您需要mousewheel扩展插件...

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

下面是一个工作演示，鼠标滚轮脚本高于一切，然后你想要的实际jquery位于底部

DEMO HERE

jquery鼠标滚轮缩放（改变div的宽度）

2 个答案: