position：absolute和overflow：自动阻止数字输入滚动

Question

我在Chromium Version 23.0.1271.64（165188）上使用position: absolute; overflow: auto的div中使用html5数字输入时遇到问题

通常在聚焦数字输入上滚动鼠标滚轮会递增并递减字段中的值。但是在div position: absolute; overflow: auto内，div内容只是滚动，除非无处可滚动。

小提琴：http://jsfiddle.net/9M9nx/7/

有没有办法让输入元素始终接收滚动事件？

Answer 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');
});​