iOS Webkit滚动突然停止响应

问题描述

当我开始滚动时，一切都会按预期进行。但是突然停下来认出了动作。停止滚动几秒钟后，<div>将继续按预期再次响应。而且它是周期性的，有时会停止滚动，没有响应，有时会起作用。

在gif图像中，我正在Mac开发人员标签中使用Safari Inspector。 当右上角的红色面板出现并闪烁时，是我尝试滚动但没有响应的时间。

在body元素中，我有3个子元素：页眉，正文，页脚。每个人都有position: fixed;。在body子元素内，我放置了一个元素列表，当元素溢出时，滚动被激活。

HTML

<body>
    <div class="header"></div>
    <div class="body">
        <div class="list">
            <div>Item 1</div>
            <div>Item 2</div>
            <div>Item 3</div>
            <div>Item 4</div>
        </div>
    </div>
    <div class="footer"></div>
</body>

样式表

   *{
        -webkit-user-select: none;
        -webkit-overflow-scrolling: touch;  
        outline: none;
    }
    .header{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
    }
    .body{
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 60px;
        overflow-y: scroll;
        z-index: 9999;
    }
    .footer{
        position: fixed;
        left: 0;
        right: 0;
        bottom: 60px;
        height: 60px;
    }
    body{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0px;
    }

该如何解决？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html ios ios safari webkit