html - 防止溢出 : hidden (webkit) 在父级中滚动超大子级

Question

我对 Webkit 浏览器有疑问。当我将光标聚焦到 <input> 时会发生此问题元素并开始移动鼠标而不松开按钮。

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

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

如何防止这种行为？

Answer 1

这不是一个错误，它是因为你已经将 wrapper 设置为 300px，并对其应用了 hidden 的 overflow 属性，这允许你在内容大于你定义的 300px 时滚动，我在OSX 上的 firefox，我还可以在其中滚动。

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

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

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