关闭并打开Safari后,移动Safari会出现恼人的自动向下滚动问题

时间:2018-06-07 11:43:53

标签: ios browser safari mobile-safari material-ui

看来移动版Safari会自动向下滚动约36px。通过打开一个带有固定标题的网站来复制这个(有时会发生在没有固定标题的网站上),然后关闭Safari并重新打开它,Safari将加载它显示的最后一页/标签,但是,这次是窗口视口自动向下滚动大约36px逻辑,如果有一个固定的标题,它现在重叠在它下面的元素。

例如,如果您浏览到https://material-ui.com/demos/autocomplete/,一个带有固定标题的页面,您会看到标题下面的最顶层元素是一个按钮; '编辑这个页面'。现在通过向上滑动关闭Safari(我正在使用iPhone 7 Plus)并重新打开它。由于页面已自动向下滚动,因此“编辑此页面”按钮不再可见。当按下并返回到将被重新加载的页面时,有时也会发生这种情况。我设法在两个不同的iPhone上复制了这个。

我在构建一个反应网络应用程序时首先注意到这一点,该应用程序在首页上显示一直到标题顶部和右下方的列表。所以我开始注意到由于上述问题导致列表中最顶端的项目不可见。我怀疑它可能与标题中的文本输入字段有关,或者可能是其他一些元素和Safari聚焦它,我也在使用材质-UI组件。任何潜在的Javascript修复都会受到欢迎。

0 个答案:

没有答案