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

创建与此类似的东西可以正常工作，但是你可能会遇到元素没有触发滚动事件的问题该元素上没有滚动条。

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

虽然它在这里工作！（在chrome上）：http://jsfiddle.net/KqwY2/1/

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

1 个答案: