jquery - 是否可以使用鼠标滚轮滚动调整元素字体大小？

Question

我没有任何代码，但我只是想知道在 jQuery 中是否可以根据向上/向下滚动来增加/减少元素的字体大小？

在最好的情况下，我想仅当鼠标在该元素上时才使用滚动来增加字体大小，只需要有人指出我正确的方向。

Answer 1

一些半伪代码

$('#mydiv').bind('mousewheel DOMMouseScroll',function(e){
  // determines direction of scroll
  var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail; 
  var current = $(this).css('font-size');
  // scroll down
  if(delta>0){
    //var pixels = (create a negative pixel ratio system); 
  }else{ //scroll up
    //var pixels = (create a positive pixel ratio system); 
  }
  $(this).css({"font-size" : pixels+"px"});
});

创建类似的东西会起作用，但是当元素上没有滚动条时，您可能会遇到元素不触发滚动事件的问题。

当然，这完全取决于浏览器，不幸的是，鼠标滚轮事件在跨浏览器兼容性方面并不是最好的（截至本文发布之日）。

虽然在这里有效！（在铬）：http: //jsfiddle.net/KqwY2/1/