快速回弹滚动

    我们先来看看回弹滚动在手机浏览器发展的历史:

    - 早期的时候,移动端的浏览器都不支持非body元素的滚动条,所以一般都借助 iScroll;

    - Android 3.0/iOS解决了非body元素的滚动问题,但滚动条不可见,同时iOS上只能通过2个手指进行滚动;

    - Android 4.0解决了滚动条不可见及增加了快速回弹滚动效果,不过随后这个特性又被移除;

    - iOS从5.0开始解决了滚动条不可见及增加了快速回弹滚动效果

    在iOS上如果你想让一个元素拥有像 Native 的滚动效果,你可以这样做:

.xxx {
     overflow auto /* auto | scroll */
     -webkit-overflow-scrolling: touch;
}

    PS:iScroll用过之后感觉不是很好,有一些诡异的bug,这里推荐另外一个 iDangero Swiper,这个插件集成了滑屏滚动的强大功能(支持3D),而且还有回弹滚动的内置滚动条,官方地址:http://www.idangero.us/sliders/swiper/index.php

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值