0

コードはありませんが、スクロールアップ/ダウンに基づいて要素のフォントサイズを増減することがjQueryで可能かどうか疑問に思っていましたか?

最良のシナリオでは、マウスがその要素上にあるときにのみスクロールでフォントサイズを大きくしたいと思います。誰かが私を正しい方向に向ける必要があるだけです。

4

1 に答える 1

0

いくつかの半疑似コード

$('#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/

于 2012-11-14T22:11:33.157 に答える