gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 14:23:01 24 4
gpt4 key购买 nike

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

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

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

如何防止这种行为?

最佳答案

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

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

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

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

关于html - 防止溢出 : hidden (webkit) 在父级中滚动超大子级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8579540/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com