想象一下,您在网页上嵌套了元素,就像父div元素中的一个文本字段一样。文本字段的内容溢出了文本字段维度。 textfield本身和几个不同的元素都在parent-div中。所有这些元素也都溢出了父div的维度。
现在,如果您将对焦文本字段并向上或向下滚动,则内容将滚动到其内容的底部或顶部。但是:在达到底部或者到达之后,父div将滚动到它的底部或顶部。
gather_nd
这是一种不受欢迎的行为,我想知道是否有方法,快捷方式,设置或扩展来阻止浏览器/操作系统这样做。
想要的行为是:我滚动到文本字段的底部,只有当焦点发生变化或者至少鼠标光标离开文本字段时,父元素才会向下滚动。
这种情况发生在OS X High Sierra 10.13.2上的Chrome,Firefox和Safari中。在Chrome中有无缝滚动,Firefox和Safari将阻止父级滚动,除非您再次启动滚动。在Windows 10和Firefox上,它甚至更加延迟,但仍然存在 - 这使得它更难控制。在Windows 10和Edge上,它也是无缝的。