css - 是否可以在使用多点触控滚动时显示 lion 中的页面背景样式

Question

当使用触摸输入时，Lion 中的 Chrome 和 Safari 具有类似于 Mobile Safari 的过度滚动功能。在大多数网页上，显示的背景是一种灰色羊皮纸图案。虽然，有些网站不显示此背景，并且具有单一颜色或第一个像素背景的重复版本。

Stack Overflow 的行为符合预期 stack overflow screenshot

mozilla网站如下图 firefox features screenshot

到目前为止，我还无法确定发生这种情况的单一原因。有记录吗？有没有办法复制它？第一个像素的背景向上拉伸(stretch)或完全不同。

更进一步。如果可以复制它，是否可以使用该效果来重新创建许多移动应用程序中的“下拉刷新”功能？换句话说，这种过度滚动是在 dom 内测量的还是仅仅是操作系统产生的效果？

谢谢

Answer 1

您所说的实际上是所有狮子化应用程序共有的行为。 Chrome 15(和 16)支持这一点，而 Chrome 14 不支持。这取决于应用程序是否已进行触摸优化。

我不认为有任何方法可以控制这种行为(除非浏览器引入某种“overscroll”javascript 事件——非常怀疑这种情况会发生)。

也没有已知的方法可以通过 CSS 为该区域设置样式。