防止使用overflow：hidden（webkit）在父级中滚动超大的子级

Question

我遇到了Webkit浏览器的问题。当我将光标聚焦到<input>元素并开始移动鼠标而不释放按钮时，就会出现问题。

这是一个截屏视频 - http://screencast.com/t/P1BnT7ZAdc

这是一个html / css演示 - http://napokrovke.mysundays.net/webkit_bug.html

如何防止此行为？

Answer 1

这不是一个错误，因为你已经将包装器设置为300px，并将hidden的overflow属性应用于它，如果内部的内容大于你定义的300px，你可以滚动它，我在OSX上的firefox，我也可以在其中滚动。

这可以被强制的唯一方法是将其应用于文本字段html标记

onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false; this.focus()"

这应禁止用户在框内选中时进行拖动，但是它也会禁用您在框内单击，因此使用焦点时您必须手动对焦此框。但如果这就是你真正想要的东西？