防止滚动具有overflow的父级中过大的子项:隐藏(webkit)

Question

我有一个Webkit浏览器的问题。当我将光标放在<input>元素上并开始移动鼠标而不松开按钮时，就会发生这个问题。

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

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

我怎样才能防止这种行为？

Answer 1

这不是一个bug，它是因为你设置了300px的包装器，并对它应用了隐藏的overflow属性，如果里面的内容大于你定义的300px，你就可以滚动，我也可以在OSX上的firefox中滚动。

强制执行此操作的唯一方法可能是将其应用于文本字段html标记。

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

这应该会禁止用户在框中选择时拖动，但也会禁止您在框中单击，因此使用focus时，您必须手动聚焦此框。但如果这是你真正想要的呢？