滚动到元素结尾时不要滚动父元素

时间:2018-02-21 13:57:57

标签: google-chrome firefox scroll safari element

想象一下,您在网页上嵌套了元素,就像父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上,它也是无缝的。

0 个答案:

没有答案