css - 位置：绝对和溢出：自动防止数字输入滚动

Question

position: absolute; overflow: auto在 Chromium 版本 23.0.1271.64 (165188) 上使用 div 内的 html5 数字输入时遇到问题

通常在焦点数字输入上滚动鼠标滚轮会增加和减少字段中的值。但是在divwithposition: 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');
});​