1. <span id="z4nqb"></span>

      -webkit-overflow-scrolling

      語法:

      -webkit-overflow-scrolling:auto | touch

      默認(rèn)值auto

      適用于:塊容器,伸縮盒容器,grid容器

      繼承性:無

      動(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 中無效。
      • 該屬性需與 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)回彈效果。

      示例:

      1. <span id="z4nqb"></span>
        一级爱ai高清免费在线视频 | 看操逼网 | 开心激情五月天成人网超碰 | 亚洲天堂色 | 丁香婷婷激情网 | 色婷婷久久综合中文久久蜜桃Av | 国产精品―色哟呦 | 国产成人无码Av片小说在线观看 | 国产日皮视频免费观看 | 欧美成人在线视频网站 |