如何让 element.scrollintoview 在 position:fixed 页脚下工作
How to get element.scrollintoview to work while under a position:fixed footer
有什么方法可以检测到用户已将注意力集中在固定页脚下的输入上吗?
我有一个允许用户输入多个项目并不断添加项目的表单。他们通常能够跳入输入框,屏幕会自动向上滚动。添加粘性页脚后,页面似乎不会将页脚读取为阻挡视图。 scrollintoview() 仅将页面向上滚动一点,但仍被页脚覆盖。此外,element.scrollintoview 不会被触发,直到用户切换到实际位于屏幕外部的输入框而不是被固定页脚遮挡。
我什至尝试修改 tabindex,但问题似乎出在固定页脚上。
scrollIntoView
仍是一个实验性功能。您可以通过手动设置页面(或可滚动容器)的 scrollTop
来滚动到该元素。
只需通过 element.getBoundingClientRect().top
获取元素(您的输入)的位置,如果它低于视口高度,请考虑您的 footer
高度
设置 document.scrollTop
(或 container.scrollTop
) ]
有什么方法可以检测到用户已将注意力集中在固定页脚下的输入上吗?
我有一个允许用户输入多个项目并不断添加项目的表单。他们通常能够跳入输入框,屏幕会自动向上滚动。添加粘性页脚后,页面似乎不会将页脚读取为阻挡视图。 scrollintoview() 仅将页面向上滚动一点,但仍被页脚覆盖。此外,element.scrollintoview 不会被触发,直到用户切换到实际位于屏幕外部的输入框而不是被固定页脚遮挡。
我什至尝试修改 tabindex,但问题似乎出在固定页脚上。
scrollIntoView
仍是一个实验性功能。您可以通过手动设置页面(或可滚动容器)的 scrollTop
来滚动到该元素。
只需通过 element.getBoundingClientRect().top
获取元素(您的输入)的位置,如果它低于视口高度,请考虑您的 footer
高度
document.scrollTop
(或 container.scrollTop
) ]