JQuery + CSS - 弹性/反弹滚动溢出:自动

Posted

技术标签:

【中文标题】JQuery + CSS - 弹性/反弹滚动溢出:自动【英文标题】:JQuery + CSS - Elastic/Bounce scrolling on with overflow:auto 【发布时间】:2011-12-07 16:32:37 【问题描述】:

有没有办法让滚动效果在可滚动 div 的末尾弹性反弹,就像 ios 系统一样?

【问题讨论】:

+1 这也称为“弹性”或“橡皮筋”滚动,但 Apple Developer 文档中的官方名称是 Bounce Scroll。视频示例:youtube.com/watch?v=UjuNGpU29Mk 并在此 WP7 演示中看到:youtube.com/watch?v=ymtCIwi42Zk 供未来阅读本文的人使用 - 不要忘记 Apple 为这种弹跳卷轴申请了专利,并且对任何人或任何人都适用法律诉讼 【参考方案1】:

不确定反弹效果,但可以从这里开始。

http://www.developria.com/2010/09/elastic-scrolling-with-javascr.html

【讨论】:

以上是关于JQuery + CSS - 弹性/反弹滚动溢出:自动的主要内容,如果未能解决你的问题,请参考以下文章

滚动内容溢出的弹性框

使弹性项目具有 100% 的高度和溢出:滚动 [重复]

CSS:在 iOS 13 上禁用滚动反弹效果

CSS:flexbox水平溢出[关闭]

iOS PhoneGap jQuery Mobile App 中的可见滚动条

css 弹性滚动