欧美超薄遮肉裤|古代打板子视频|驴一样的女婿全文免费阅读|无人区卡一卡二入口|动漫视频网站|抖音王大炮资源|色愁愁久久久

-webkit-overflow-scrolling

語(yǔ)法：

-webkit-overflow-scrolling：auto | touch

默認(rèn)值：auto

適用于：塊容器，伸縮盒容器，grid容器

繼承性：無(wú)

動(dòng)畫性：否

計(jì)算值：指定值

取值：

auto：
默認(rèn)值。當(dāng)手指從觸摸屏上移開，滾動(dòng)會(huì)立即停止，相當(dāng)于普通的滾動(dòng)效果。
touch：
使用具有回彈效果的滾動(dòng)，當(dāng)手指從觸摸屏上移開，內(nèi)容會(huì)繼續(xù)保持一段時(shí)間的滾動(dòng)效果。繼續(xù)滾動(dòng)的速度和持續(xù)的時(shí)間和滾動(dòng)手勢(shì)的強(qiáng)烈程度成正比。同時(shí)也會(huì)創(chuàng)建一個(gè)新的堆疊上下文。

說明：

指定元素是否使用native-style（滾動(dòng)回彈效果）來滾動(dòng)溢出內(nèi)容。
  • 該屬性用來控制元素在移動(dòng)設(shè)備上是否使用滾動(dòng)回彈效果。
  • 該屬性在 iOS UIWebView 中無(wú)效。
  • 該屬性需與 overflow 屬性配合使用，因?yàn)楸仨毾榷x元素允許滾動(dòng)，才可以指定它在滾動(dòng)具有回彈效果。

    CSS：

    .demo { height: 200px; overflow-y: auto; /* 允許元素滾動(dòng)，值可以是 auto | scroll */ -webkit-overflow-scrolling: touch; /* 定義滾動(dòng)時(shí)回彈效果 */ }

    在移動(dòng)設(shè)備上運(yùn)行這個(gè)示例，將能感受到與 Native 相同的滾動(dòng)回彈；

  • 對(duì)應(yīng)的腳本特性為webkitOverflowScrolling。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0 4.0-45.0 6.0-8.0 15.0-29.0 5.0+ -webkit- 4.0+ -webkit- #1 18.0-42.0 -webkit- #1
  1. Android 4.0前期增加了快速回彈滾動(dòng)效果，不過隨后這個(gè)特性又被移除，目前為止 Android 上所有瀏覽器支持該屬性但未實(shí)現(xiàn)回彈效果。

示例：