Safari中的单指滚动不会渲染html,直到滚动完成

Question

在移动Web应用程序中,我有一个div,可以使用新的花式-webkit-overflow-scrolling:touch滚动.唯一的问题是仅在滚动完成时才呈现内容.有没有办法让Mobile Safari(也许是其他移动浏览器,如Android中的那个)在单指滚动时渲染html？

.layer-content {
  position: absolute;
  top: 112px;
  bottom: 0;
  width: 100%;
  background: #e6e6e6;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;    
}

Answer 1

并不真地。这就是 iPhone 的工作原理。如果滚动，所有资源都会被使用以使滚动非常平滑，但代价是不显示新部分。您可以通过使其更大来欺骗浏览器，使其认为该层更大，并在您不想显示的部分上添加一个层，但这并不适用于所有布局。我就这样吧。用户已经习惯了，因为普通页面具有相同的“渲染问题”。