高度调整大小后,safari移动滚动丢失

时间:2019-01-25 08:06:23

标签: javascript html ios css

我的网站页面上有一个iframe。当我在safari移动版上查看时,如果调整了iframe内容的高度(例如,我单击了在iframe内容末尾添加一些文本的按钮),则scrools丢失并且页面在再顶。

我检查了页面中的所有调整大小事件和所有事件处理程序,但是它们在滚动丢失后执行。我也检查了所有setintervall,但这不是原因。

此错误仅发生在safari移动版和chrome ios中,而不是android或任何桌面浏览器中。

1 个答案:

答案 0 :(得分:0)

最后,我使用此代码CSS解决了问题(我已经尝试过-webkit-overflow-scrolling : touch !important;,但还不够,我必须添加overflow

html,body{
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;
}