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

【问题标题】：Is it possible to adjust the an elements font size with a mousewheel scroll?是否可以使用鼠标滚轮滚动调整元素字体大小？
【发布时间】：2023-03-23 18:49:01
【问题描述】：

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

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

【问题讨论】：

您好，您可以在元素 .scroll() 处理程序上设置字体大小。你有具体的 Szenario 吗？

标签： jquery css scroll bind font-size

【解决方案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"});
});

创建类似的东西是可行的，但是你可能会遇到你的 element 没有触发 scroll 事件的问题该元素上没有滚动条。

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

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

【讨论】：

这太棒了！！远远超出我的预期。