当使用触摸输入时,Lion 中的 Chrome 和 Safari 具有类似于 Mobile Safari 的过度滚动功能。在大多数网页上,显示的背景是一种灰色羊皮纸图案。虽然,有些网站不显示此背景,并且具有单一颜色或第一个像素背景的重复版本。
Stack Overflow 的行为符合预期
stack overflow screenshot
mozilla网站如下图
firefox features screenshot
到目前为止,我还无法确定发生这种情况的单一原因。有记录吗?有没有办法复制它?第一个像素的背景向上拉伸(stretch)或完全不同。
更进一步。如果可以复制它,是否可以使用该效果来重新创建许多移动应用程序中的“下拉刷新”功能?换句话说,这种过度滚动是在 dom 内测量的还是仅仅是操作系统产生的效果?
谢谢
最佳答案
您所说的实际上是所有狮子化应用程序共有的行为。 Chrome 15(和 16)支持这一点,而 Chrome 14 不支持。这取决于应用程序是否已进行触摸优化。
我不认为有任何方法可以控制这种行为(除非浏览器引入某种“overscroll”javascript 事件——非常怀疑这种情况会发生)。
也没有已知的方法可以通过 CSS 为该区域设置样式。
关于css - 是否可以在使用多点触控滚动时显示 lion 中的页面背景样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7439074/