2

有什么方法可以检测到用户专注于固定页脚下的输入？

我有一个表单，允许用户输入多个项目并继续添加项目。他们通常能够进入输入框并且屏幕会自动向上滚动。添加粘性页脚后，页面似乎不会将页脚读取为阻塞视图。scrollintoview() 仅将页面向上滚动一点，但仍被页脚覆盖。此外，element.scrollintoview 不会被触发，直到用户进入一个实际上在屏幕之外的输入框，而不是被固定的页脚遮挡。

我什至尝试修改 tabindex，但问题似乎是固定的页脚。

4

1 回答 1

2

scrollIntoView仍然是一个实验性功能。scrollTop您可以通过手动设置页面（或可滚动容器）来滚动到元素。只需通过获取元素（您的输入）位置element.getBoundingClientRect().top，如果它低于视口高度，则设置document.scrollTop（或container.scrollTop）考虑您的footer高度

于 2018-08-22T00:13:25.583 回答