4

position: absolute; overflow: autoChromiumバージョン23.0.1271.64（165188）でdiv内に入力されたhtml5番号を使用するときに問題が発生しました

通常、フォーカスされた数値入力でマウスホイールをスクロールすると、フィールドの値が増減します。ただし、divwith内では、スクロールする場所がない場合を除いposition: absolute; overflow: autoて、divコンテンツはスクロールするだけです。

フィドル： http： //jsfiddle.net/9M9nx/7/

input要素にスクロールイベントを常に受信させる方法はありますか？

4

1 に答える 1

1

これをハックする必要があると思います。このハックは機能します：

http://jsfiddle.net/9M9nx/12/

ここでは、jQuery を使用して、数値入力のフォーカス イベントとブラー イベントに基づいて、スクロールする親のオーバーフロー プロパティを変更しました。

$('.scroller input[type=number]').focus(function(){
    $(this).closest('.scroller').css('overflow','hidden');
});

$('.scroller input[type=number]').blur(function(){
    $(this).closest('.scroller').css('overflow','auto');
});​
于 2012-11-19T16:21:16.940 に答える